Aller au contenu

Aide pour creer une page qui s'adapter à une image


Sujets conseillés

Posté

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 :smartass:

Posté (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é par rperruez
Posté

Merci rperruez et KnockedMaster. :thumbsup:

J'ai configuré la ligthbox, c'est vraiment simple et exelent comme rendus.

Merci, et je garde ta solution sous le coude rperruez.

A + :rolleyes:

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...