Discussion :

[hotwheals]

Bonjour voila mon problème, on m'a demandé de refaire un site et durant cette refonte voulant faire quelque chose d'original pour cette personne, j'ai décider de faire un menu qui défil soit une iframe dans laquelle défile automatiquement des pages html.
Exemple d'affichage :


Le problème c'est que je me suis penché sur différent code :

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
var interval = 10;
var pages = ['menucont1.html','menucont2.html'];
var iframe = document.querySelector('iframe[name="menucont"]');
function loadPages() {
	for(var i = 0; i < pages.length; i++) {
		(function(i) {
			setTimeout(function() {
				iframe.src = pages[i];
				if(i == pages.length - 1) {
					setTimeout(loadPages, interval * 1000);
				}
			}, interval * 10 * i);
		})(i);
	}
}
loadPages();

Ce dernier étant sensé me rafraîchir automatiquement mon iframe tout en affichant une des deux pages saisi dans la var pages, je l'ai mis sur ma page index peut être l'ai je mal placé. Sinon je me suis également pencé sur les slider mais ce que jai trouver ne sont que des slider pour un image et non une page html complète. Donc si vous avez quelques astuces pour m'aider je suis tout ouï car le javascript n'est pas ma tasse de thé

Merci d'avance

[earhater]

Il existe des sliders pour des pages html complètes, une rapide recherche google te donnera ça. Le problème des iframes, c'est qu'elles sont difficilement configurables