galerie photo => defilement de miniature

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : galerie photo => defilement de miniature

gargantua307

Bonjour,
Je réalise une visionneuse de photo sur un site web, mais je me retrouve coincé.
ma "visionneuse" se compose ainsi :
- une partie centrale ou j'affiche la photo en grand
- une barre de bouton pour jouer un diaporama (defilement des photos, acceleration, ralentissement, etc..)
- un tableau avec les miniatures des photos

Le probleme que j'ai est sur les miniatures. Je ne veux pas toutes les afficher. Je veux limiter le tableau a 6 miniature par exemple, meme si la galerie en contient 40. La difficulté que j'ai, c'est que je voudrais faire defiler de tableau (a gauche ou a droite), pour voir les autre miniature, et ceci par un clic sur un bouton.

Mais je doit dire que je ne voit pas bien comment proceder..

Si quelqu'un à une idée!

Voici le code pour mon tableau de miniature :

Code :

<?php
echo '
<table class="pellicule">
<tr><td><img src="image/bouton_precedent.gif" alt="precedent" onclick="precedent();"/></td>';
for ($i=0;$i<$nb_ligne;$i++) {
if ($i<6) { // on limite l'aperçu a 6 minature
$photo = mysql_result($res,$i,"nom_photo" );
echo '
<td class="pellicule">
<img src="photo/mini/',$photo,'.jpg" id="mini_',$i,'"onclick="stop_diapo(); reload(\'',$photo,'\',',$i,');"/>
</td>';
}
}
echo '<td><img src="image/bouton_suivant.gif" alt="suivant" onclick="suivant();"/></td>
</tr>
</table>';
?>

Message édité par gargantua307 le 09-08-2005 à 17:55:55

Publicité

gargantua307

Bon, j'ai réussi a faire quelque chose en javascript pour faire défilé mes photo comme je le voulais.

J'ai deux problème :
- la première photo de mon tableau de miniature et la meme que la derniere de ce meme tableau (et c la premiere qui est fausse, les autre sont ok) => je pense pouvoir régler ce problème en cherchant un peu mais si quelqu'un voit pourquoi..

- pour mettre a jour les photo, j'utilise document.getElementById(i).src="..."
Ce qui met bien à jour les photos. Par contre j'aurai voulu au meme titre modifier le contenu du onclick=".."
pour que ça reste cohérent, mais je n'y arrive pas. J'ai essayer document.getElementById(i).onclick="..." mais sans succès.

Merci de votre aide...

ma fonction js:

Code :

function suivant() {
if (nb_photo>7) {
for (i=0;i<6;i++) {
if(indice_miniature+6+i<nb_photo) {
indice=indice_miniature+6+i;
document.getElementById("mini_"+i).src="photo/mini/"+tableau[indice]+".jpg";
document.getElementById("mini_"+i).onclick="stop_diapo(); reload(indice);"
if (i==0) indice_miniature=indice_miniature+6;
}
else { // on recommence au debut des miniatures
indice=indice_miniature+6+i- nb_photo;
document.getElementById("mini_"+i).src="photo/mini/"+tableau[indice]+".jpg";
document.getElementById("mini_"+i).onclick="stop_diapo(); reload(indice);"
if(i==0) indice_miniature=indice;
}
}
}
};

note : certaine variable sont des variable globale.
=> "tableau[]" contient tout les nom des photos.
=> "incide_miniature" et l'indice correspondant à la premiere miniature dans tableau[]

gargantua307

J'ai trouvé quelque chose pour mon problème avec le onclick=""
J'avais oublié la virgule après..
mais j'ai toujours un problème, car même apres ça, ça ne fonctionnait pas.

J'ai fait afficher dans un alert(); ce qui contient les onclick au départ
j'obtient ceci :

Code :

function onclick(event){
stop_diapo();
reload_diapo();
}

Apres modification j'ai obtenu a la place :

Code :

stop_diapo();reload_diapo();

J'ai donc modifier en ajoutant function onclick(event){..}
Mais ça ne marche pas..plus aucune action n'est réalisé quand je click sur une image, et ma console javascript ne me signale rien.

De l'aide!!!

note: je ne comprend tjr pas pourquoi ma première photo est eronné quand je fait défiler.

jeanbob2

peut tu expliquer correctement les scipt que tu a fai, car tu a exactement la galerie que je recherche.j ai tenter d en programmer moi meme mais ca ne fonctionne pas.

Peux tu m envoyer les script ainsi que le nom donner a chaque fichier de ta galerie?

merci

Pretender0307

Salut gargantua307, j'aimerais moi aussi intégrer une visionneuse d'images sur mon site comme celle que tu as créée. Serait-il possible que tu m'envoie le script que tu as créé dans ma boite e-m@il? Merci

---------------
Pretender. Il est des cas fortuits où l\\'homme le plus perplexe se trouve confronté à des vicissitudes des plus aléatoires.

omega2

pour info : ce forum dispose d'un systéme nomé "Messages privés ".
Et quand on regarde bien dans les icones au dessus des messages, il y en a une en forme d'enveloppe et quand on garde le curseur de la souri sur cette image là, il s'affiche "Envoyer un message privé à ...".

A quoi ca sert me disez vous? A discuter en privé de chôse qui n'ont aucun intéret d'être dites en public. Par exemple des demandes de scripts fait par un forumeur. Demande qui est d'ailleur interdite par le réglement du forum.

A noter aussi qu'en demandant ici rien ne garanti que votre demande sera lu par le forumeur en question vu que rien ne garantis qui passera avant que la demande ne se retrouve au fin fond du forum. Avec une question posé en privé, vous êtes sur qu'il tombera dessus tôt ou tard s'il repasse sur le forum.

FORUM HardWare.fr

Programmation

HTML/CSS

galerie photo => defilement de miniature

Sujets relatifs
probleme de chaine de caractère ( photo inside)	Petit probleme de liens pour mon album photo
creer une fenetre lisible sans la barre defilement en bas	miniature, encore... [RESOLU]
création de miniature avec copyright	Créer une miniature d'une page Web
comment creer une barre de défilement ? svp	upload photo
Galerie PHP qui ne marche pas sous Firefox	comment creer un serveur sous free pour des photo?
Plus de sujets relatifs à : galerie photo => defilement de miniature

Page générée en 0.041 secondes