Discussion :

[Rem693]

Bonjour,
j'utilise un script : http://demos111.mootools.net/Chain.Periodical qui me permet d'afficher des div avec des images.
Cependant, le chargement du script s'effectue uniquement par un click de l'utilisateur sur un lien ayant comme id = addImages, j'aimerais qu'il se lance au chargement de la page

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
37
	window.addEvent('domready', function(){
			var imgCount = 0;
			var addImage = function(image) {
				var el     = new Element('div', {'class': 'preview'});
				var name   = new Element('h3').setHTML(++imgCount +'. '+ image.name).injectInside(el);
				var desc   = new Element('span').setHTML(image.description).injectAfter(name);
				var img    = new Element('img', {'src': '/img/' + image.src}).injectAfter(desc);
				var footer = new Element('span').injectAfter(img);
				if (image.views > 250) footer.setHTML('Super Popular!').addClass('SUPERpopular');
			    else if (image.views > 50) footer.setHTML('Popular').addClass('popular');
				else footer.addClass('normal');
				el.injectTop($('gallery'));	
			}
 
			$("addImages").addEvent("click", function(e) {
				var images  = [
							   {"name":"Blue Earth", "src":"earth-blue.jpg", "description":"A blue version of Earth.", "views":200},
							   {"name":"User Profile", "src":"user.jpg", "description":"A chubby user guy.", "views":0},
							   {"name":"Mouse", "src":"mouse.jpg", "description":"Standard mouse icon.", "views":99},
							   {"name":"Gold Earth", "src":"earth-gold.jpg", "description":"A gold version of Earth.", "views":7855},
							   {"name":"Page and Pencil", "src":"edit.jpg", "description":"A piece of paper and a pencil.", "views":5},
							   {"name":"Speaker", "src":"speaker.jpg", "description":"A speaker.", "views":16},
							   {"name":"Orange Monitor", "src":"monitor.jpg", "description":"A yellow, glowing monitor.", "views":355},
							   {"name":"Software Box", "src":"package.jpg", "description":"A nice wrapped package in a box.", "views":23452},
							   {"name":"FIRE!!!!", "src":"fire.jpg", "description":"Orange flame.", "views":395},
							   {"name":"Screwdriver Paper", "src":"setting.jpg", "description":"A screwdriver in front of a piece of paper.", "views":42}
							  ];
				var myChain = new Chain();
				images.each(function(image) { myChain.chain( function(){ addImage(image); } ); });
				var runChain = function() { 
					myChain.callChain();
					if (myChain.chains.length == 0) { runChain = $clear(timer); } 
				}
				var timer = runChain.periodical(500);
				new Event(e).stop();
			});
		});

Merci d'avance

[vermine]

Cette instruction-ci:

Code js :

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

1
2
3
$("addImages").addEvent("click", function(e) {
   //code à ne pas supprimer
});

ajoute un évènement sur le clic du bouton "addImages".

Pour que votre fonction s'exécute au "load", il faut effectivement qu'elle soit précisée dans le domReady (ce qui est fait) et... enlever les deux lignes citées-ci haut (sauf le code à ne pas supprimer).