Mica67 Posté 19 Janvier 2007 Partager Posté 19 Janvier 2007 bonjours, voila on ma donner un code pour un zoom sur image,mais vu que j'ai crée ma page avec nvu(on cré le visuel les code ce font automatiquement) je ne sais pas ou le placer dans le script pouriez vous m' aider?? Code (X)HTML<div class="zoom1"> <p> <a href="#" title="titre de ta photo"> </a> </p></div>Image et code CSS.zoom1 { width: 400px; height: 300px; background-image: url(ton image.jpg); background-repeat: no-repeat; margin: 0 auto;}.zoom1 p, .zoom1 a {height: 300px; display: block;margin:0}.zoom1 a:hover {background-image: url(ton image.jpg);background-position: 0px -300px;background-repeat:no-repeat;cursor:help;} bien sur si vous y trouvez des erreures n'hésiter pas a me le dire ce code étant a priori un code accepté par tous les navigateur merci d'avance Lien vers le commentaire Partager sur d’autres sites More sharing options...
karnabal Posté 19 Janvier 2007 Partager Posté 19 Janvier 2007 Et comment on fait pour savoir où le placer ce script si on n'a pas le code source de ta page ? Tu peux regarder le code source de cette page et reproduire l'effet pour comprendre son fonctionnement. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Mica67 Posté 19 Janvier 2007 Auteur Partager Posté 19 Janvier 2007 désolé je pensait qu il y avait une place définit dans le script et non par raport a la page Lien vers le commentaire Partager sur d’autres sites More sharing options...
Mica67 Posté 19 Janvier 2007 Auteur Partager Posté 19 Janvier 2007 je suis surment bete mais ça me donne le code(un peu comme je l'ai mais sa m'aide pas beaucoup(mais merci pour le lien tout de meme) enfin je met le code de la dite page au cas ou merci <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>accueil</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"></style><!----></head><body style="width: 1233px; color: rgb(0, 0, 0); background-color: rgb(204, 255, 255); background-image: url(TOUR%20MEHUN.jpg);" alink="#000099" link="#000099" vlink="#990099"><br /><br /><br /><br /><table style="height: 251px; width: 1121px;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr style="margin-left: 38px; width: 1193px;"> <td style="vertical-align: top; width: 125px; height: 253px;"> <table style="text-align: left; background-color: rgb(255, 204, 255); height: 224px; width: 140px;" border="5" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="vertical-align: top; height: 179px; width: 130px;"><img style="width: 17px; height: 17px;" alt="b" src="BOUTON%20OU%20DEBUT%20LIGNE.gif" /> <span style="color: rgb(51, 51, 255);">carte</span><small><small><small><br /> <br /> </small></small></small> <div style="text-align: left;"><big><a href="NOTRE%20CARTE.html"><img style="border: 0px solid ; width: 22px; height: 19px;" alt="FR" src="GIF%20FRANCE.gif" /></a> </big><big><small><small><small><small><a href="carte%20anglais.html"><img style="border: 0px solid ; width: 22px; height: 19px;" alt="GB" src="GIF%20ANGLETERRE.gif" /></a> <a href="carte%20allemand.html"><img style="border: 0px solid ; width: 22px; height: 19px;" alt="D" src="GIF%20ALLEMAGNE.gif" /></a></small></small></small></small></big></div> <small> </small><br /> <div style="text-align: left;"><img style="width: 17px; height: 17px;" alt="b" src="BOUTON%20OU%20DEBUT%20LIGNE.gif" /> <span style="color: rgb(0, 0, 153);">acces</span><br /> <div style="text-align: center;"><a href="ACCES%20A%20MEHUN.html"><big><big><small><small><img style="border: 0px solid ; width: 32px; height: 32px;" alt="D" src="ACCES.gif" /></small></small></big></big></a> </div> </div> <div style="text-align: left;"><img style="width: 17px; height: 17px;" alt="b" src="BOUTON%20OU%20DEBUT%20LIGNE.gif" /><span style="color: rgb(0, 0, 153);"> reservations</span><br /> <div style="text-align: center;"><a href="avertissement.html"><img style="border: 0px solid ; width: 62px; height: 27px;" alt="RESA" src="email_PARCHEMIN.gif" /></a><br /> </div> </div> <div style="text-align: left;"><img style="width: 17px; height: 17px;" alt="b" src="BOUTON%20OU%20DEBUT%20LIGNE.gif" /> </div> </td> </tr> <tr> <td style="height: 11px; width: 130px;" align="undefined" valign="undefined"></td> </tr> </tbody> </table> </td> <th style="height: 253px; width: 850px;"><img style="width: 60px; height: 75px;" alt="L" src="alphabet_L.gif" /><img style="width: 74px; height: 72px;" alt="E" src="alphabet_E.gif" /> <img style="width: 92px; height: 78px;" alt="M" src="alphabet_M.gif" /><img style="width: 63px; height: 78px;" alt="O" src="alphabet_O.gif" /><img style="width: 69px; height: 74px;" alt="D" src="alphabet_D.gif" /><img style="width: 39px; height: 79px;" alt="I" src="alphabet_I.gif" /><img style="width: 66px; height: 74px;" alt="N" src="alphabet_N.gif" /><img style="width: 59px; height: 72px;" alt="U" src="alphabet_U.gif" /><img style="width: 85px; height: 72px;" alt="M" src="alphabet_M.gif" /><small><small><small><br /> <big><big>1 RUE FERNAND BAUDRY 18500 MEHUNSUR YEVRE</big></big><br /> <big><big>TEL: 02 48 57 38 52</big></big></small></small></small></th> <td style="text-align: center; height: 253px; width: 125px;"><img style="width: 100%; height: 94px;" alt="d" src="papillon-gif-029.gif" /></td> </tr> </tbody></table> <img style="width: 198px; height: 89px;" alt="MO" src="img055%20copie.jpg" /> <img style="width: 198px; height: 89px;" alt="mo" src="img055%20copie.jpg" /><div style="text-align: center;"><big><big><br />l équipe du <big style="color: rgb(153, 51, 153);"><big>MODINUM</big></big></big></big><br /><big><big>VOUSACCUEILLE</big></big><br style="font-family: Monotype Corsiva;" /><br style="font-family: Monotype Corsiva;" /><big style="font-family: Monotype Corsiva;"><big><big>DE12H A 14H30 ET DE 19H A 22H30 <span style="color: rgb(0, 0, 102); font-weight: bold;"><span style="text-decoration: blink; color: rgb(255, 0, 0);">6JRS/7 </span></span></big></big></big><br /><big style="font-family: Monotype Corsiva;"><big><big><span style="color: rgb(0, 0, 102); font-weight: bold;"></span></big></big><span style="font-weight: bold; color: rgb(0, 102, 0);">(ferméle lundi)</span></big><br /><big style="font-family: Monotype Corsiva;"><big><big><span style="color: rgb(0, 0, 102); font-weight: bold;"><small><small><small></small></small></small></span></big></big></big><br /><big style="font-family: Monotype Corsiva;"><big><big><span style="color: rgb(0, 0, 102); font-weight: bold;"><small><small><small><big><big>UNE CUISINE SIMPLE ET TRADITIONEL DE L ITALIE AU BERRY VOUS Y ATTEND </big></big></small></small></small></span></big></big></big><br /><big style="font-family: Monotype Corsiva;"><big><big><span style="color: rgb(0, 0, 102); font-weight: bold;"><small><small><small><big><big></big></big></small></small></small></span></big></big></big><br /><big style="font-family: Monotype Corsiva;"><big><big><span style="color: rgb(0, 0, 102); font-weight: bold;"><small><small><small><big><big><small style="color: rgb(204, 0, 0);">SIMPLE</small></big></big></small></small></small></span></big></big></big><big style="font-family: Monotype Corsiva;"><big><big><span style="color: rgb(0, 0, 102); font-weight: bold;"><small><small><small><big><big><small style="color: rgb(204, 0, 0);"> D'ACCES</small></big></big></small></small></small></span></big></big></big><big style="font-family: Monotype Corsiva;"><big><big><span style="color: rgb(0, 0, 102); font-weight: bold;"><small><small><small><big><big><small style="color: rgb(204, 0, 0);"> DE BOURGES OU DE VIERZON UN PARKING GRATUIT EST AVOTRE DISPOSITION DEVANT</small><span style="color: rgb(204, 0, 0);"> </span><small style="color: rgb(204, 0, 0);">LE RESTAURANT </small></big></big></small></small></small></span></big></big></big></div></body></html> Lien vers le commentaire Partager sur d’autres sites More sharing options...
buzzistic Posté 19 Janvier 2007 Partager Posté 19 Janvier 2007 Nos amis d'Openweb ont un article à ce sujet : http://openweb.eu.org/articles/zoom_image/ Bon code ! Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant