Onjectiflune Posté 10 Décembre 2007 Partager Posté 10 Décembre 2007 Bonjour, Mon niveau Moyen en hltml/css. Je ne connais pas le php. Je sais mettre en place des script javascript mais ne sais pas le créer moi même Ma question J'ai créé sur une page pleines de petites vignette images que j'aimerais lorsque l'on clic sur une, affiche une nouvelle page et que la fenêtre s'adapte automatiquement à l'image. C'est un pop up si je me trompe pas ? Il faudrait que cette fenêtre ne soit pas bloquée par les navigateurs. Je travail avec dreamweaver et note pad ++. Pourriez-vous me proposer une solution avec le code à inserer afin que je puisse avec mes compétences réussir mon intervention ?. Merci Lien vers le commentaire Partager sur d’autres sites More sharing options...
KnockedMaster Posté 10 Décembre 2007 Partager Posté 10 Décembre 2007 Salut et bienvenue sur le Hub, Riquet, Ceci devrait faire ton bonheur : http://www.huddletogether.com/projects/lightbox2/ C'est un script qui utilise les frameworks Scriptaculous et Prototype, c'est très facile à mettre en place et les effets visuels sont plutôt de bon ton. @+ Lien vers le commentaire Partager sur d’autres sites More sharing options...
rperruez Posté 10 Décembre 2007 Partager Posté 10 Décembre 2007 (modifié) Bonjour, Ici voila ce que cela donne chez moi : http://www.imagespourvous.com/cannes1.htm Si cela te convient voici le script : -Script permettant d'appeller une popup contenant une image avec un lien sur une image -Script permettant d'appeller une popup contenant un texte avec un lien sur du texte Il n'est nécessaire de copier le script qu'une fois dans le head ================================================================================ <script type="text/javascript"> <!-- P1 = '<html'+'>'+'<'+'head>'+'<'+'title>'; P2 = '<'+'/title>'+'<'+'/head>'+ '<body onclick="self.close();" style="width:90%;height:90%;cursor:pointer;"'+ ' title="Cliquer pour me fermer" background="'; P3 = '"> </body></html>'; var H = screen.height; var L = screen.width; function pop(vue,haut,larg,titre) { Mh = (H-haut)/2-40; Mg = (L-larg)/2-40; fermePop(); // par sécurité truc=window.open('','','width='+larg+',height='+haut+ ',top='+Mh+',left='+Mg+',resizable=0'); with(truc.document) { open(); write(P1+titre+P2+vue+P3); close(); } } truc=false; function fermePop(){ if(!(truc) || truc.closed) ''; else truc.close(); } onfocus=fermePop; // --> function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } //--> </script> ================================================================================ Lien sur image <a href="images/NOM_DE_LA_POPUP"target="_blank" title="Cliquer pour voir en grand" onClick="pop(this.href,500,750,'DIP Bretagne');return false;"><img src="images/SUR_LAQUELLE_ON_CLIC" width="133" height="103"border=0" /></a></td> ================================================================================ Lien sur texte <a href="images/popup/001.jpg"target="_blank" title="Cliquer pour voir en grand" onClick="pop(this.href,400,500,'DIP Bretagne');return false;"> tttttttttttt</a> ================================================================================ Modifié 10 Décembre 2007 par rperruez Lien vers le commentaire Partager sur d’autres sites More sharing options...
Onjectiflune Posté 11 Décembre 2007 Auteur Partager Posté 11 Décembre 2007 Vraiment merci c'est top Je regarde tout cela ce soir Riquet Lien vers le commentaire Partager sur d’autres sites More sharing options...
Onjectiflune Posté 11 Décembre 2007 Auteur Partager Posté 11 Décembre 2007 Merci rperruez et KnockedMaster. J'ai configuré la ligthbox, c'est vraiment simple et exelent comme rendus. Merci, et je garde ta solution sous le coude rperruez. A + 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