Bonjour tout le monde !!

Ouaip encore moi ^^', simple question :

Avez vous des ptites astuces afin d'optimiser mon slider qui n'est pas au top niveau fluidité.

Merci d'avance

Hum, je pense que tu devrais faire comme ça.

ca ?

ouais voilà.

En gros Deepblue demande un morceau de code que tu aurais fais, qu'on ne le fasse pas à ta place.

Je suis d'accord avec deep, la meilleure solution serait de

Oh désolé je demandais simplement des astuces générales mais si vous souhaitez vous penchez sur mon ptit bout de javascript c'est encore mieux !

Je l'ai inclu dans mon fichier html. Voici le fichier html :
<div id="presentation">
<div id="slider">
<!-- La banderolle qui contiens toute les images -->
<div id="mask">
<ul id="image_container">
<li><img src="rubix.jpg"></li>
<li><img src="lol.jpg"></li>
<li><img src="rubix.jpg"></li>
<li><img src="lol.jpg"></li>
</ul>
</div>
<img src="resources/glass.png" id="glass">
<!-- Les fleches de navigations -->
<ul id="dots">
<!-- les petits points qui affichent ou nous en somme sur le slide -->
<li class="button1" onClick="changeImage(1)" ></li>
<li class="button2" onClick="changeImage(2)" ></li>
<li class="button3" onClick="changeImage(3)" ></li>
<li class="button4" onClick="changeImage(4)" ></li>
</ul>
<img src="resources/fleche-gauche.png" id="fleche_gauche" class="fleche" onClick="prevImage()" >
<img src="resources/fleche-droite.png" id="fleche_droite" class="fleche" onClick="nextImage()" >
</div>

Voici le script :

<script>
// Des Variables pour pouvoir modifier facilement ce qui doit l'être
var secDuration = 5;
var image = 1;
var maxImages = 4;
var slider = document.getElementById('slider');
var timeout

// La fonction qui change les images. Peut pointer vers une image spécifique, ou bien être appelée vide, pour passer ç celle d'apres
function changeImage(requiredImage) {

// Début de l'algorithme .
if (!requiredImage && requiredImage != 0){ //Si nous n'avons pas spécifié une image
if(image < maxImages){// Si l'image n'est pas la dernière, on avance d'une image
image++;
}
else{
image = 1;//Si Nous sommes sur la dernière, on reviens au début
}
}
else{ // Si nous avont spécifié une image
if(requiredImage > maxImages){//Si nous avont spécifié une image au dela de la dernière, on revient à la première
image = 1;
}
else if(requiredImage < 1){ //Si nous avont spécifié une image 0 ou moins, on vas à la dernière image
image = maxImages;
}
else{
image = requiredImage; // Sinon, on vas à l'image spécifiée.
}
}
//On dis au slider à travers sa classe quel image il doit afficher
slider.className = "image"+image;

// On nettoie et relance le timeout
clearTimeout(timeout)
timeout = setTimeout("changeImage()",secDuration*1000);
}

//Deux petites fonctions tres compréhensibles
function nextImage(){
changeImage(image+1);
}
function prevImage(){
changeImage(image-1);
}

//On met le slide sur l'image par défaut, ici la 1ere
changeImage(1);
</script>

Merci pour votre aides

Salut, remplace le 5 par un 1.

Sur var=secDuration ? Si je fais sa, mais images ne reste affichées que 1 seconde, et mon slider n'est toujours pas fluide pour autant je dois peut etre toucher à autre chose ?

Dsl j'ai pas trop prête attention au code. Mais OK je vois ce que tu veux dire par "fluide". Le code javascript que tu utilises ne permet pas cela.

Faut que tu en trouves un autre qui utilise une transition progressive entre chaque image. Si personne répond d'ici là, je t'en filerai un quand je serai sur le pc ce soir.

Merci c'est super sympa !
Disons que j'ai eu beaucoup de difficulté pour insérer celui la sur ma home page je trouvais dommage de ne pas pouvoir en profiter pleinement ^^

Quand j'essaie de réduire la taille de ma page, je retrouve une fluidité parfaite, j'ai alors cherché un moyen de réduire la consommation de mon script mais c'est dur )=

Bref je suis toujours ouvert à vos réponses

Celui là peut être ?

Tu dois d'abord télécharger "jquery.slides.min.js"

Après tu reprends le code qui se trouve en bas de page.

http://slidesjs.com

Celui la est parfait jvais essayer de l'incorporer par contre je sais pas si il peut faire le changement automatique entre les images ?

oui il peut, y'a un exemple là :

http://slidesjs.com/examples/playing/

J'ai récup leur dossier Slide-SlideJS-3. Pour le coup je vois pas ou trouver jquery.slides.min.js

C'est bon je l'ai trouvé dans le dossier playing justement ^^ mais par contre le script est inline x) impossible de modifier quelque chose ! J'ai un pavé énorme j'ose pas y toucher ( a part les dimensions, sa c'est bon ^^)

J'ai réussi à ralentir l'animation et à l'incorporer correctement, mais j'ai quelques conflits entre mon css et le leur ^^'

Bon désolé c'est mon 4e post d'affilé mais je n'arrive pas à mettre les images de l'exemple sur le slider. J'ai leur équivalent en liens. De plus le slider ne se lance pas automatiquement )=

Je t'ai mis le code ici :

http://jsfiddle.net/xLjumaLb/

nice merci je te dis dans la journée si j'y suis arrivé