Faire apparaître et agrandir une image

Fermé
TOONIE - 4 nov. 2007 à 17:54
 TOONIE - 5 nov. 2007 à 09:28
Bonjour,

Pourriez-vous m’aider à solutionner mon problème de script ?

Pour simplifier, disons que j’ai ici 3 images nommées « 01.jpg », « 02.jpg » et « 03.jpg », stockées dans le menu que nous appellerons « Répertoire ». Chaque image possède 3 variables différentes (nom, etc.) : « D », « H » et « N ».
Ces images circulent dans un cadre défilant. En cliquant sur une image réduite sous forme de vignette, je souhaite qu’elle apparaisse sous un format plus grand dans un cadre se situant au-dessus. Entre ce cadre et les vignettes, les 3 variables de l’image sélectionnée apparaissent aussi, comme suit (normalement tout est centré) :

--------------------------------------------
I Cadre pour afficher image agrandie I
--------------------------------------------
N :
H :
D :

----------------------------------
I Défilement des vignettes I
----------------------------------

Je sèche à 2 endroits. Tout d’abord, je ne parviens pas à composer ni à trouver sur le web le script permettant d’afficher la grande image et faire apparaître automatiquement les 3 variables. Enfin, je ne comprends pas pourquoi l’opacité des vignettes est la même à l’écran, que se soit 15 ou 30…


Voici mon script s’il peut vous aider un peu (rien dans <head>, tout dans <body>) :

<div align="center"><strong><font color="#FFFFFF"><em>
ICI LE CODAGE POUR VISUALISER AGRANDIE L’IMAGE ? width="163" height="290" border="1" /alt="" /><br />
<font color="#000000" size="3"><p>N : bla bla 01</p><p>H : bla bla 02</p><p>D : bla bla 03</p><br /></font></em></font></strong>
<div align="center"><font face="Verdana"><strong><font color="#FFFFFF" size="1"><em><font color="#000066"><font face="Verdana"><strong><font color="#FFFFFF" size="1"><em><font color="#000066"><font color="#000099"></font></font></font></em></font></strong></font><font color="#000099">
Sélectionner une vignette pour l’agrandir</font></font></em></strong></font></div>

<p align="center"><MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=1 scrollDelay=10 direction=left height=60>
<font face="Verdana"><a href="01.jpg"><img src="Répertoire/01.jpg" border="1" width="30" height="25" style="filter:alpha(opacity=15)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" /></a></font> 
<font face="Verdana"><a href="02.jpg"><img src="Répertoire/02.jpg" border="1" width="30" height="25" style="filter:alpha(opacity=15)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" /></a></font> 
<font face="Verdana"><a href="03.jpg"><img src="Répertoire/03.jpg" border="1" width="30" height="25" style="filter:alpha(opacity=15)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" /></a></font> 
</MARQUEE>


D'avance merci pour votre aide !
A voir également:

1 réponse

up ?!

J'ai vraiment besoin de vous !
0