1 pièce(s) jointe(s)
Page html qui défile dans une iframe
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 :
Pièce jointe 139944
Le problème c'est que je me suis penché sur différent code :
Code:
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é :aie:
Merci d'avance
