Aller au contenu

Probleme visioneuses


cyril77

Sujets conseillés

Je veux mettre plusieurs visioneuse de se type la :

-http://www.*****.fr/detail_tuiles_NEW.htm

J'ai besoins de mettre une 10e de visioneuse sur la memes page avec des images differantes pour chaque visioneuses

Modifié par Dan
Lien vers le commentaire
Partager sur d’autres sites

Sans trop chercher je dirais que ça ne fonctionne pas car dans le script tout fait que tu utilises, il y a un seul nom pour identifier l'objet et que si tu dupliques ça fait tout merder... il faut chercher comment leur donner un identifiant différent, dans la doc ou forum si existant...

Lien vers le commentaire
Partager sur d’autres sites

Bonjour,

Désolé, j'avais laissé tombé...

A première vu tout se passe dans le script de gestion du diaporama soit "diaporama.js".

Tu peux peu-être dans une premier temps réecrire les fonctions de gestion du diaporama : diaporama.js (sept fonctions) X le nombre de galerie que tu souhaites...

Exemple : pour fonction next (), avec pour hypothèse dans le html

NomDuFormulaire 1 = "slideform1"; NomDeLaSelect = "slide1"; NomImage1 = show1; et

NomDuFormulaire 2 = "slideform2"; NomDeLaSelect = "slide2"; NomImage2 = show2;

function next1() {
if (document.slideform1.slide1[current+1]) {
document.images.show1.src = document.slideform1.slide1[current+1].value;
document.slideform1.slide1.selectedIndex = ++current;
} else {
first1();
}
function next2() {
if (document.slideform2.slide2[current+1]) {
document.images.show2.src = document.slideform2.slide2[current+1].value;
document.slideform2.slide2.selectedIndex = ++current;
} else {
first2();
}
}

Le formulaire 1 appelle les fonctions next1()..... et le formulaire 2 les fonctions next2()...

C'est pas trés élégant, ni astucieux, mais ça va marcher...tu y arriveras si tu ne connais pas je javascript...

Sinon :

Si tu aimes le javascript, tu peux passer en paramètre de la procédure les variables à modifier : slideform, slide et show.

L'appel de la procédure, next par exemple, sera du genre next(slideform,slide,show).

Reste plus qu' à écrire un contenu de fonction générique qui recupère dans le bon "form" la valeur de "slide" (liste déroulante) et met à jour la variable show (image)... GetElementById() ou GetElementbyName devrait t'être utile...

Bonne continuation

Lien vers le commentaire
Partager sur d’autres sites

J'ai donc réecri les fonctions de la page diaporama.js :

<!-- Begin
var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
current = 0;

function next1() {
if (document.slideform1.slide1[current+1]) {
document.images.show1.src = document.slideform1.slide1[current+1].value;
document.slideform1.slide1.selectedIndex = ++current;
} else {
first1();
}
function next2() {
if (document.slideform2.slide2[current+1]) {
document.images.show2.src = document.slideform2.slide2[current+1].value;
document.slideform2.slide2.selectedIndex = ++current;
} else {
first2();
}
}

function previous1() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
} else {
last1();
}
function previous2() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
} else {
last2();
}
}

function first1() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function first2() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}

function last1() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function last2() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}

function ap1(text) {
document.slideform.slidebutton.value = (text == "Arrêter") ? "Démarrer" : "Arrêter";
rotate1();
}
function ap2(text) {
document.slideform.slidebutton.value = (text == "Arrêter") ? "Démarrer" : "Arrêter";
rotate2();
}

function change1() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function change2() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}

function rotate1() {
if (document.slideform.slidebutton.value == "Arrêter") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate1()", rotate_delay);
}
function rotate2() {
if (document.slideform.slidebutton.value == "Arrêter") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate2()", rotate_delay);
}
}
// End -->

Ca ne fonctionne toujours pas, vois tu une erreur dans ma réecriture ?

Je te remercie par avance pour ta précieuse aide

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...