Permutation d'images

ytti Messages postés 10 Statut Membre -  
ytti Messages postés 10 Statut Membre -
Bonjour,
Je souhaite faire un comportement de permutation d'images, mais il faudrait que par défaut apparaisse du texte...
Je m'explique: j'ai mes petites images à survoler pour faire apparaître la grande image. Mais quand on ne survole aucune petite image, je voudrait qu'il y ait du texte.
Pour l'instant je ne peux mettre que des images.
Me suis-je bien fait comprendre? J'espère, ce n'est pas évident à expliquer...
Si quelqu'un a une solution a me proposer, je lui en serait très reconnaissante!
Un grand merci d'avance.

13 réponses

freesta Messages postés 644 Statut Membre 26
 
ba enfait tu voudrait que tes immage soit remplacer par du texte quand tu ne les survole pas?
donc il faudrait survoler le text pour les faire réaparaitre? bizard! je crois que je n'ais pas tout compris!
0
ytti
 
tu as presque compris: quand on ne survole pas, on a des petites images à gauche (par exemple) et du texte dans un espace à droite; et quand on survole les petites images, le texte est remplacé par une grande image
0
freesta Messages postés 644 Statut Membre 26
 
oui j'ai compris se coup si mais pas évident a faire! donc tes petit image sont toujour visible et c'est juste les grande ou le texte qui change selon si tu et a gauche(petite image) ou a droite(texe)!
et ce que cela fonctionne bien d'éja avec juste les image?
je mexplique, es que tu a bien tes petites images a gauche et quand tu les survol tu vois les grosses a droite puis quand tu part tu voi plus rien a droite?
si oui tu a un morceau de code?
0
freesta Messages postés 644 Statut Membre 26
 
au fait, c'est un site ou autre chose? et en quel language de programation?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
ytti Messages postés 10 Statut Membre 1
 
c'est bien un site, en php; je le construit avec dreamweaver; même si j'essaie d'analyser le code, je ne suis pas très calée en la matière...

voici le code de la partie concernée:

<td width="150" height="100" class="texte_s"><img src="../photos/brochet_photo_1_p.jpg" name="brochet1" width="150" height="100" id="brochet1" onmouseover="MM_swapImage('descriptif_brochet','','../photos/brochet_photo_1_g.jpg',1)" onmouseout="MM_swapImgRestore()" /></td>
<td width="430" rowspan="3" class="texte_s" id="descriptif_brochet">td>

si cela peut t'aider à comprendre...

là, actuellement, j'ai fait une image dans photoshop pour inclure mon texte...
mais cette solution de triche ne me plait pas

merci pour ton aide
0
freesta Messages postés 644 Statut Membre 26
 
j'ai l'impresstion qu'il manque un bout de code dans sa que tu ma envoyer, j'ai modifier les image et rajouter des balise pour y fair marcher de mon coter et je vois juste la petite image, quand je passe dessus le grosisement ne se fait pas ! je continue de chercher un truc ma peutêtre échapper!
0
ytti Messages postés 10 Statut Membre 1
 
essaie avec ceci, je pense que c'est plus complet

<td height="300" align="left" valign="top" class="texte_s"><img src="../photos/rotangle_texte.gif" name="rotangle_g" width="400" height="300" id="rotangle_g" /></td>

<td> </td>
<td colspan="2" align="left" valign="top" class="texte_s"><img src="../photos/rotangle_photo_p.jpg" name="rotangle_photo_p" width="100" height="75" id="rotangle_photo_p" onmouseover="MM_swapImage('rotangle_g','','../photos/rotangle_photo_g.jpg',1)" onmouseout="MM_swapImgRestore()" /><img src="../photos/rotangle_illustration_p.gif" name="rotangle_ill" width="100" height="75" id="rotangle_ill" onmouseover="MM_swapImage('rotangle_g','','../photos/rotangle_illustration.gif',1)" onmouseout="MM_swapImgRestore()" /></td>
<td align="left" valign="top" class="texte_s"><img src="../photos/gardon_photo_p.jpg" name="gardon_photo_p" width="100" height="75" id="gardon_photo_p" onmouseover="MM_swapImage('gardon_g','','../photos/gardon_photo_g.jpg',1)" onmouseout="MM_swapImgRestore()" /><img src="../photos/gardon_illustration_p.gif" name="gardon_illus" width="100" height="75" id="gardon_illus" onmouseover="MM_swapImage('gardon_g','','../photos/gardon_illustration.gif',1)" onmouseout="MM_swapImgRestore()" /></td>
0
freesta Messages postés 644 Statut Membre 26
 
elle marche tes permutation d'image(de petite a grande?) mois je ne les voie vraimment pas! elle reste petite alors si toi sa marche je voie pas !j'essai de les faire marcher mais le onmouseover ne me change pas la taille de l'immage!
je cherche encore mais si tu a une idé fait en moi part!
a+
On peut apprendre à un ordinateur à dire : "Je t'aime", mais on ne peut pas lui apprendre à aimer.
0
freesta Messages postés 644 Statut Membre 26
 
et autre chose,voicis la traduction de ce que tu a mis:
onmouseover="MM_swapImage..."
souris présent= remplacer l'image par ...
donc ta grosse image ne s'affiche pas a droite mais a la place de ta petite image!
0
ytti Messages postés 10 Statut Membre 1
 
oui,oui, ça marche; je viens de mettre le site en ligne, voici la page en question
http://peche-gaule-tarine-savoie-tarentaise-vanoise.fr/feissons/poissons.php?menu=poissons
la seule chose, c'est que le texte descriptif des poisssons est une image réalisée dans photoshop et non du texte rédigé dans dreamweaver.
0
freesta Messages postés 644 Statut Membre 26
 
oui ta bien réussi, mais comment ta fait? onmouseover="MM_swapImage..." c'est censer remplacer ton image,toi tu l'a utiliser pour passer de ta grosse image a l'image de ton texte mais pour afficher les grose image a droite comment tu a fait !? tu n'utilise pas le même code?
0
freesta Messages postés 644 Statut Membre 26
 
oui tu a même bien réussi, sa le fait bein! chez pas pourquoi sa ne marchais pas ché moi!
0
ytti Messages postés 10 Statut Membre 1
 
comment j'ai fait? une question à ne pas me poser... c'est dreamweaver qui fait!
il faut donner une valeur à ID de chaque image, puis, sélectionner une petite image, dans "comportement", ajouter un comportement "pemuter une image",
il y a alors une fenêtre qui s'ouvre où on peut sélectionner la grande image à permuter et choisir la grande image qui prendra la place....
bref, moi je n'interviens pas dans le code.
0