galerie photo

**pygoCENTRUS** · 18/05/2008, 19h11

salut a tous

j'ai un petit soucis avec un code pour faire défiler des images grâce a des boutons.

mon probleme est que mes images s'affichent l'une en dessous de l'autre (en liste) du coup les boutons ne servent a rien et la page fait 30km de long.

comment faire pour qu'elles s'affichent une par une en utilisant les boutons?
pouvez vous m'indiquer ou mettre l'adresse des images svp?

voici le code de base

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<html>
<head>
<title> Images défilante </title>
<script type="text/javascript">
var Num_Image = 1
var Max_Image = 4
//-----------------------
function ShowImage( inc_){
  //-- Recup de l'objet
  var O_Img = document.images['PHOTO'];
  //-- Gestion des Bornes
  Num_Image += inc_;
  if( Num_Image < 1) Num_Image  = Max_Image;
  if( Num_Image > Max_Image) Num_Image = 1;
  //-- Affichage Image
  O_Img.src  = "img" + Num_Image +".jpg"
}
</script>
</head>
<body bgcolor=#800000>
<center><br><br><br>
<table border="3" cellpadding="3" cellspacing="3" bordercolor="#11111111" bgcolor="#DBDBDB">
<tr>
<td align="center">
<img name="PHOTO" src="img1.jpg" border="0">
</td>
</tr>
</table>
<br><br>
<input type="button" value="Image précédente" onclick="ShowImage(-1);">
<input type="button" value="Image suivante"   onclick="ShowImage(+1);">
<input type="button" value="Première Image"   onclick="Num_Image = 1; ShowImage(0);">
<input type="button" value="Dernière Image"   onclick="Num_Image =Max_Image;ShowImage(0);">
</center>
</body>
</html>

si quelqu'un pouvait me bricoler 3 lignes d'exemple pour intégrer plusieurs images ce serait génial

-ensuite j'ai un soucis avec ce générateur de galerie (qui est génial) porta photo album

il suffit de charger ses photos,paramétrer la galerie,lancer et transférer le dossier obtenu sur le site.

MAIS quand je n'ai qu'un seul dossier album tout va bien et des que j'en mets un 2eme çà ne marche plus.
si quelqu'un a déjà utilisé ce générateur ce serait sympa de me dire comment faire

merci beaucoup

**4R416N33** · 18/05/2008, 19h20

Perso, je sais que y a un moyen pour faire avec ta méthode, mais je saurais pas te corriger.

Par contre, tu peux passer par un changement de contenu html ou bien avec un div qui change d'image de fond, et la si tu as des soucis, je pourrai t'aider

A toi de voir

Mtnt, ptet que certaines ames charitables auront les compétences pour te corriger en respectant ton code...

**pygoCENTRUS** · 18/05/2008, 20h34

Envoyé par 4R416N33

Par contre, tu peux passer par un changement de contenu html ou bien avec un div qui change d'image de fond, et la si tu as des soucis, je pourrai t'aider

tu peux développer stp (je suis débutant en la matière)

ce problème me bloque pour la construction de mon site

**4R416N33** · 18/05/2008, 20h43

J'ai déjà bien développé le sujet ici :

http://www.developpez.net/forums/sho...d.php?t=550482

Juste remplacer le onMouseOver par OnClick et le tour est joué !

**pygoCENTRUS** · 18/05/2008, 21h54

je viens d'aller voir,ça ne convient pas vraiment a ce que je veux.

je m'explique:

j'ai déjà mes pages qui sont faites avec feuilles de css externes.au centre de mes pages il y'a un cadre ou je voudrais afficher une photo et grave aux boutons "suivante" et "précédente" naviguer d'une photo a l'autre.

en fait le soucis c'est que je ne sais pas ou placer l'adresse de mes images dans le code.

ps:si quelqu'un connait un script avec miniatures pas trop galère je suis preneur

**4R416N33** · 18/05/2008, 22h04

C'est exactement la même chose, la seule différence, c'est que lui, ca doit réagir lorsque la souris passe dessus, et toi ca doit réagir lors d'un clic sur le bouton !

Désolé, mais je veux bien écrire un code pour aider, mais pas 50 fois le meme code qui sera identique à 90%

A moins que ton problème soit plus sur le fait que tu n'aies qu'un bouton et comment aller de la précédente à la suivante avec le même bouton.

Si c'est ca ton pb, dis le !

galerie photo

JavaScript

Vue hybride

Discussions similaires

Partager

Partager