Rechercher : dans
Par :

Javascript : galerie d'images

Dernière réponse le 6 avr 2005 à 21:13:52 miltonis, le 6 avr 2005 à 18:15:43 
 Signaler ce message aux modérateurs

Bonjour à tous,

j'ai télchargé un script sur le net que j'ai modifié à ma sauce car la versio d'origine ne me convenait pas totalement.

Mais, probleme, les images ne s'affichent pas toutes lorsqu'ion clique sur les boutons "suivant / "precedent", seulement la première.

voici mon code si des ames bienveillantes et courageueses peuvent me donner un coup de main :

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<SCRIPT>
<!-- Hide script from older browsers
	thisImg = 1
	imgCt = 5

	function newSlide(direction) {	
		if (document.images) {
			thisImg = thisImg + direction
			if (thisImg < 1) {
				thisImg = imgCt
			}
			if (thisImg > imgCt) {
				thisImg=1
			}
			document.slider.src = thisImg + ".jpg"
		}
	}
	// stop hiding script -->
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">
function afficheVignette(cheminVignette,cheminMaxi)
	{
	document.write('<A HREF="javascript:afficheMaxi(\''+cheminMaxi+'\')"><IMG SRC="'+cheminVignette+'" HSPACE=0 VSPACE=0 BORDER=0 ALT="cliquez ici pour voir en grand"></A>');
	}
function afficheMaxi(chemin)
	{
	i1 = new Image;
	i1.src = chemin;

	html = '<HTML><HEAD><TITLE>Image</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><center><table border="0" width="32%"><tr><td width="34%" colspan="3"><p align="center"><img SRC="2.jpg" width="500" height="460" BORDER="0" ALIGN="middle" name="slider"></td></tr><tr><td width="33%"><p align="left"><a HREF="javascript:newSlide(-1)"><img SRC="suiteg.jpg" WIDTH="29" HEIGHT="32" ALIGN="bottom" border="0"></a></td><td width="33%"></td><td width="34%"><p align="right"><a HREF="javascript:newSlide(1)"><img SRC="suited.jpg" WIDTH="29" HEIGHT="28" ALIGN="bottom" border="0"></a></td></tr></table></center></BODY></HTML>';
	popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1');
	popupImage.document.open();
	popupImage.document.write(html);
	popupImage.document.close()
	};
</SCRIPT>	
</head>

<body>
<SCRIPT LANGUAGE="JavaScript">
	afficheVignette("01.jpg","1.jpg");
	afficheVignette("02.jpg","2.jpg");
	afficheVignette("03.jpg","3.jpg");
	afficheVignette("04.jpg","4.jpg");
	afficheVignette("05.jpg","5.jpg");
</SCRIPT>
</body>
</html>


merci par avance de toute réponse

Meilleures réponses pour « Javascript : galerie d'images » dans :
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Une popup d'information au survol sans Javascript ni CSS VoirParfois, il peut être utile d'afficher des informations supplémentaire au survol du curseur sur une zone de l'écran, par exemple "Cliquez pour agrandir" sur une image, un descriptif sur une abbréviation ou des détails sur un lien. On trouve...
Télécharger FlippingBook Joomla Gallery VoirSi vous voulez créer un livre interactif que vous voudriez diffuser sur votre page web, c’est désormais facile. FlippingBook Joomla Gallery est un programme puissant et convivial permettant de créer un livre interactif à partir de vos images et...
AJAX (Asynchronous Javascript And XML) VoirIntroduction à AJAX AJAX (Asynchronous Javascript And XML, traduisez Javascript asynchrone et XML) est une méthode de développement web basée sur l'utilisation d'un script Javascript pour effectuer des requêtes web à l'intérieur d'une page web...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...

1

miltonis, le 6 avr 2005 à 18:23:56

Pour mieux comprendre :
http://chorreradelindio.tiscali.fr/tofs/vignettes.html

merci encore

Répondre à miltonis

2

 miltonis, le 6 avr 2005 à 21:13:52
Répondre à miltonis
Collection CommentÇaMarche.net