Tom's Guide > Forum > Programmation > Gallerie photo en PHP / Javascript

Gallerie photo en PHP / Javascript

Forum Programmation : Gallerie photo en PHP / Javascript

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !

Créer un nouveau sujet Répondre

Bas de page Chercher dans ce sujet

Voila j'ai trouvé un script pour faire une gallerie photo avec un systeme qui, quand on clic sur une vignette la fait apparaitre en dessous.
Mais j'aimerai que quand on clic sur la version aggrandie elle s'ouvre en taille réelle dans un popup.
Je pensais qu'un simple lien autour de la version agrandie suffirai mais malheureusement non.
Je suppose que cela a un rapport avec le javascript.
Pour info quand j'essai en fait il ouvre toujours la même image quelque soit celle choisit.
avec un simple echo je me suis rendu compte que quelque soit la photo choisit la variable bouge pas apparement.
Bon passons au code voici le morceau de la page qui s'occupe de la galerie :

Code :

<ul id="galerie_mini">
<?php
mysql_connect("localhost", "*****", "*****" );
mysql_select_db("db_dragon" );
$retour = mysql_query('SELECT * FROM screen ORDER BY id ASC');
?><?php
while ($donnees = mysql_fetch_array($retour)) {
$titre=$donnees['nom'];
$descr=$donnees['description'];
$images=$donnees['fichier'];
?>
<li><a href="http://umbrella.hd.free.fr/dragon/screenshots/<?php echo $images; ?>" title="<?php echo $descr; ?>"><img src="http://umbrella.hd.free.fr/dragon/screenshots/<?php echo $images; ?>" width="100px" height="100px" alt="<?php echo $titre; ?>" /></a></li>
<?php
}
?>
</ul>
<dl id="photo">
<dt><?php echo $descr; ?></dt>
<dd><img id="big_pict" src="http://umbrella.hd.free.fr/dragon/screenshots/<?php echo $images; ?>"width="550px" height="450"alt="<?php echo $titre; ?>" /></dd>
</dl>

Et voici le code javascript :

Code :

function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
// On récupère l'élément ayant pour id galerie_mini
var liens = photos.getElementsByTagName('a') ;
// On récupère dans une variable tous les liens contenu dans galerie_mini
var big_photo = document.getElementById('big_pict') ;
// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale
var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
// Et enfin le titre de la photo de taille normale
// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
for (var i = 0 ; i < liens.length ; ++i) {
// Au clique sur ces liens
liens[i].onclick = function() {
big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
big_photo.alt = this.title; // On change son titre
titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
return false; // Et pour finir on inhibe l'action réelle du lien
};
}
}
window.onload = displayPics;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page

Je n'y connais rien en javascript mais je pense que c'est lui qui gère toute ma galerie et donc qui me pose probleme.

Pour récapituler:Ma gallerie marche bien mais je souhaite avoir, en plus un moyen d'ouvrir les images dans une nouvelle fenêtre pour les avoir en taille réelle.

Je vous remercie d'avance pour l'aide que vous pourrez m'apporter.

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

Créer un nouveau sujet Répondre

Tom's Guide > Forum > Programmation > Gallerie photo en PHP / Javascript

Aller à :

Aide |
Règles du forum

Il y a 1334 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Page générée en 0,225 secondes

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler

Liens