Autoplay

Debonzy -

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

Afficher la suite

A voir également

Autoplay
Autoplay media studio - Télécharger - Divers Utilitaires
Autoplay menu designer - Télécharger - Divers Utilitaires
My autoplay - Télécharger - Édition & Programmation
Autoplay - Télécharger - Sous-titres
Edge autoplay - Accueil - Navigateurs Web

2 réponses

Réponse 1 / 2
electroking
Tu veux faire un slider c'est ça ? (défilement d'image)

Signature supprimée par la modération.

0
1. Debonzy Auteur
  
  Oui exactement
  
  0
2. Debonzy Auteur
  
  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
3. electroking
  
  att je t'envoie un code
  
  0

electroking

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.

electroking
à toi de l'adapter :)

0
Debonzy Auteur
@electrokingMerci bien pour ton aide

0
electroking
@DebonzyNo problemo ;) ps : met le en résolu si tu n'as plus besoin d'aide pour ça.

0

Autoplay

2 réponses

Discussions similaires

Newsletters