Ouverture d'une photo dans un popup en plein écran...

Signaler
Messages postés
230
Date d'inscription
vendredi 23 avril 2004
Statut
Membre
Dernière intervention
5 avril 2015
-
Messages postés
230
Date d'inscription
vendredi 23 avril 2004
Statut
Membre
Dernière intervention
5 avril 2015
-
Bonjour,

Je possède une page de présentation avec plusieurs photos en miniatures
et j’aimerai lorsque l’on clique sur la miniature, cela ouvre une fenêtre
popup plein écran avec ça barre du haut ou se trouverai la photo dans
sa taille original ou je pourrais y faire apparaître un commentaire…
Biensur, j’aimerai que ce script soit compatible au maximum avec tout
les diffèrents navigateurs.
Mon second problème c’est que sur la page de présentation des miniatures,
il y en a plusieurs photos à ouvrir comme décris au dessus, comment faire
pour quelles s’ouvrent dans leurs propres popup quand on clique
sur la miniature ??

Merci
rem78

2 réponses

Messages postés
103
Date d'inscription
lundi 10 mai 2004
Statut
Membre
Dernière intervention
10 mars 2010
8
Salut,

Je ne suis pas sur d'avoir exactement ce qui t'interresse, mais j'ai fait un truc qui ressemble à ce que tu demandes
J'ai une série de photos, nommées petite1, petite2, petite3 etc...
Avec mon script, les photos s'affichent les unes sous les autres.

Quand je clique sur une d'entre-elle, l'image correspondante, nommée image1, image2, etc... s'ouvre.

Le seul commentaire que j'arrive à faire, c'est le nom de l'image.

<script language=Javascript>

function charger(arg,larg){
fen=window.open('','_blank','');
fen.document.write("<center>
IMAGE"+arg+"

</center><hr>");
}

function photo(nb){
var i=1;
var largeur=670;
for(i=1;i<nb;i++){
document.write("

");
}
}

</script>

Et dans la page, à l'emplacement que tu veux, tu appelles la fonction.
Pour 8 photos :
<script language="javascript">
photo(9);
</script>

Astuce : remplacer largeur=670; par un truc du style :
largeur=(screen.availWidth-100);

Dis-moi si ça te convient.
bertrouf6111@/ /yahoo.fr
Messages postés
230
Date d'inscription
vendredi 23 avril 2004
Statut
Membre
Dernière intervention
5 avril 2015

Salut,

merci pour ta réponse, mais c'est pas tout à fait ça que je souhaite, je m'explique j'ai une page ou il y a un tableau qui est divisé en plusieurs parties ou dans lequelles se trouvent mes photos miniatures nomées mini_nom.jep et donc chaque photos est nomées différements et moi ce que j'ai fait c'est de créer une page ou il y a dans la page en haut le nom de la photo et le lieu et en dessous la photo dans sa taille originale et donc je souhaite quand je clique sur sa miniature que ça appel cette page et quelle s'ouvre comme un popup n'ayant que la barre du haut avec la ptit croix à droite de fermeture) et qu'elle souvre en mode plein écran.

J'arrive à faire cela mais cela m'oblige à créer une page intermédiaire qui à pour fonction de l'ancer la page Popup en plein écran qui contient la photo et son titre.

mas commande est la suivante :

pge de présentation des mini photos --> page intermédiare
de lancement de la page mode Popup plein écran --> Popup
plein écran.

Script de la page intermédiaire de lancement page Popup :

<script language="JavaScript">
<!--
window.open("http://localhost/monsite/dossier_images/nom_photo_1.php","","toolbar=no,location=no,directories=no,status=no,resizable=no,copyhistory=no,menubar=no")
if(document.all)
{
opener=self
opener.close()
}
//-->
</script>

Mais j'aimerai bien me passer de cette page intermédiaire
et lancer depuis le clique de la miniature, la page photo en mode Popup plein écran.

Merci de votre aide.

rem78