[HTML/Flash/Javascript] web gallery pro sans click

web gallery pro sans click [HTML/Flash/Javascript] - HTML/CSS - Programmation

Marsh Posté le 15-11-2007 à 04:20:03    

je voudrais utiliser le même style de web gallery que celui que l' on peut voir ici  
http://www.lindgrensmith.com/search/bentley/
 
il y a le thumbnail sur la gauche et en passant le curseur sur les différentes images et sans avoir besoin de cliquer les images s' ouvrent
 
J' ai essayé avec de nombreux logiciels et script mais je n' obtiens pas ce résultat
 
Comment est-ce possible d' avoir le même résultat pour ma web gallery ?

Reply

Marsh Posté le 15-11-2007 à 04:20:03   

Reply

Marsh Posté le 15-11-2007 à 08:55:35    

Ya surement plein de facon de le faire, mais tu peux imaginer assigner un attribut propre à chaque miniatures ainsi qu'un evenement mouseover (<img src="image.jpg" idpic="2" onmouseover="affiche (this);" ... /> ).
 
La fonction 'affiche' serait du style

Code :
  1. var affiche = function (image)
  2. {
  3.   if (!image)
  4.     return false; // pas d'image ou pas de param
  5.   var pos = image.getAttribute ("idpic" );
  6.   if (pos === undefined)  //  !!! attention à la valeur 0 pour la variable pos !!!
  7.     return false; // attribut non trouvé
  8.   var big = document.getElementById ('big'); // on suppose que 'big' est l'id de le l'element IMG affichant l'image en grand
  9.   big.src = mesImages[pos];  // on suppose que le tableau mesImages est préinitialisé et contient le chemin vers la version aggrandie de l'image
  10.   return true;
  11. }


 
Voilà ca devrait donner une piste
 
bonne chance :)


Message édité par SICKofitALL le 15-11-2007 à 08:56:30

---------------
We deserve everything that's coming...
Reply

Marsh Posté le 15-11-2007 à 09:29:41    

Les images affichées ne font qu'une quarantaine de Ko...
A mon avis, pour éviter un affichage lent et moche toutes les photos sont téléchargées au lancement de la page, sans doute dans des divs cachées ; et au moment du passage de la souris sur une vignette, il doit faire un swap...


---------------
Fred => http://www.meance.free.fr
Reply

Marsh Posté le 15-11-2007 à 09:32:53    

dzing35 a écrit :

Les images affichées ne font qu'une quarantaine de Ko...
A mon avis, pour éviter un affichage lent et moche toutes les photos sont téléchargées au lancement de la page, sans doute dans des divs cachées ; et au moment du passage de la souris sur une vignette, il doit faire un swap...


 
tu peux aussi les précharger tt court via JS, et placer un event onload dessus qui leverait un flag par exemple. Et tant que ce flag n'est pas levé, il afficherait un gif de chargement ou un truc comme ca.
 
Comme dit, ya plein de facon de faire :)


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 15-11-2007 à 09:35:24    

Yep plei de sol...
 
Une question question qui n'a rien à voir SickOfItAll, ça veut dire quoi "tt" ???


---------------
Fred => http://www.meance.free.fr
Reply

Marsh Posté le 15-11-2007 à 09:42:01    

"tt" ca veut dire "tout" :)
j'ai tendance à abréger à tout va des mots comme "TouS", "BeauCouP", "C'est", etc... je m'en excuse :jap:


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 16-11-2007 à 11:02:16    

ok merci beaucoup pour vos réponses :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed