Tuto galerie photos JS

FeeJen

15 Mar 2018 à 16:52

Bonjour,

j'essaie de suivre le tuto qui se trouve ici : https://www.alsacreations.com/tuto/lire/557-galerie-photo-javascript.html
Cependant, je ne comprends pas où j'appelle la fonction displayPics() dans ma page HTML et je ne comprends pas où je dois placer "{window.onload=displayPics};"

Pour le moment, j'ai mis dans <head> ceci :

<!--appel de la bibli JS--> 
	<script type="text/javascript" src="bibli.js">
	<!--appel de la fonction-->
	function displayPics();
	{window.onload=displayPics};	
	</script>

Quand je clique sur la miniature elle s'affiche dans une autre page HTML et non dans l'encart comme le montre l'exemple.

Si quelqu'un a de bons conseils pour créer une jolie galerie photos en JS où quand je clique sur une miniature, la photo originale s'affiche, je suis preneuse Smiley cligne

Merci

Karl007

19 Mar 2018 à 11:03

Bonjour,
il ne faut pas appeler la fonction displayPics dans la page HTML mais dans le js, c'est à dire dans ton cas dans le fichier bibli.js.
Il faut que tu places le code :


window.onload = displayPics;

après la fonction displayPics() que tu as créée :


function displayPics()
   {
	....
   }

Bon courage

JavaScript, DOM et API Web HTML5

Tuto galerie photos JS