Autoplay

Fermé
Debonzy Messages postés 34 Date d'inscription lundi 14 janvier 2013 Statut Membre Dernière intervention 25 avril 2018 - 19 janv. 2016 à 16:35
electroking Messages postés 236 Date d'inscription dimanche 14 septembre 2014 Statut Membre Dernière intervention 22 juin 2021 - 6 mars 2016 à 14:05
Bonjour,
Je suis en train de developper un site web et je veux mettre du javascript, le souci c'est que je m'y connait pas vraiment. Du coup j'ai telecharger un code qui me siert mais le souci c'est que les images ne defilent pas seules.

Voici le code jquery:

var sequenceElement = document.getElementById("sequence");

var options = {
animateCanvas: false,
phaseThreshold: false,
preloader: true,
reverseWhenNavigatingBackwards: true
}

var mySequence = sequence(sequenceElement, options);

Merci d'avance

A voir également:

2 réponses

electroking Messages postés 236 Date d'inscription dimanche 14 septembre 2014 Statut Membre Dernière intervention 22 juin 2021 6
Modifié par jipicy le 3/04/2016 à 09:56
Tu veux faire un slider c'est ça ? (défilement d'image)

Signature supprimée par la modération.
0
Debonzy Messages postés 34 Date d'inscription lundi 14 janvier 2013 Statut Membre Dernière intervention 25 avril 2018
20 janv. 2016 à 15:54
Oui exactement
0
Debonzy Messages postés 34 Date d'inscription lundi 14 janvier 2013 Statut Membre Dernière intervention 25 avril 2018
20 janv. 2016 à 15:56
le slider est déja fait seulement que les images ne defilent pas automatiquement à moins que je clic sur les boutons suivant ou precedent
0
electroking Messages postés 236 Date d'inscription dimanche 14 septembre 2014 Statut Membre Dernière intervention 22 juin 2021 6
23 janv. 2016 à 18:11
att je t'envoie un code
0
electroking Messages postés 236 Date d'inscription dimanche 14 septembre 2014 Statut Membre Dernière intervention 22 juin 2021 6
Modifié par jipicy le 3/04/2016 à 09:56
Voila un slider javascript tout près fait pour des images dont la largeur fait 4 fois la hauteur. ex: 1340x335

<div id="slider">
 <div id="box" style="left: 0%;">
  <img src="img1.png" style="left: 0%;"width=100% />
  <img src="img2.png" style="left: 100%;" width=100% />
  <img src="img3.png" style="left: 200%;" width=100% />
  <img src="img1.png" style="left: 300%;"width=100% />
 </div>
</div>

<style>
#slider {
 border: solid black 1px;
 overflow: hidden;
 padding-bottom: 0;
 padding-left: 0;
 padding-right: 0;
 padding-top: 25%;
 position: relative;
}

#box {
 background-color: grey;
 padding: 0;
 position: absolute;
 top: 0;
 width: 100%;
}

#box img {
 margin: 0;
 position: absolute;
 width: 100%;
}
</style>

<script>
var i = 1;
var mode = "1vers2";
window.setInterval("slide()", 1);
function slide()
{
 if (document.getElementById('box').style.left == '-100%') {
  mode = "2vers3";
 }
 if (document.getElementById('box').style.left == '-200%') {
  mode = "3vers1";
 }
 if (document.getElementById('box').style.left == '-300%') {
  mode = "1vers2";
  document.getElementById('box').style.left = '0%';
 }
 if ( i < 201 ) {
  if (mode == "1vers2") {
   var decalage = -0.5 * i;
   document.getElementById('box').style.left = decalage+'%';
  }
  if (mode == "2vers3") {
   var decalage = ( -0.5 * i ) - 100;
   document.getElementById('box').style.left = decalage+'%';
  }
  if (mode == "3vers1") {
   var decalage = ( -0.5 * i ) - 200;
   document.getElementById('box').style.left = decalage+'%';
  }
 }
 if ( i == 1500) {
  i = 0;
 }
 i++;
}
</script>


Signature supprimée par la modération.
0
electroking Messages postés 236 Date d'inscription dimanche 14 septembre 2014 Statut Membre Dernière intervention 22 juin 2021 6
23 janv. 2016 à 18:16
à toi de l'adapter :)
0
Debonzy Messages postés 34 Date d'inscription lundi 14 janvier 2013 Statut Membre Dernière intervention 25 avril 2018 > electroking Messages postés 236 Date d'inscription dimanche 14 septembre 2014 Statut Membre Dernière intervention 22 juin 2021
3 mars 2016 à 14:06
Merci bien pour ton aide
0
electroking Messages postés 236 Date d'inscription dimanche 14 septembre 2014 Statut Membre Dernière intervention 22 juin 2021 6 > Debonzy Messages postés 34 Date d'inscription lundi 14 janvier 2013 Statut Membre Dernière intervention 25 avril 2018
6 mars 2016 à 14:05
No problemo ;) ps : met le en résolu si tu n'as plus besoin d'aide pour ça.
0