Autoplay
Debonzy
Messages postés
34
Date d'inscription
Statut
Membre
Dernière intervention
-
electroking Messages postés 236 Date d'inscription Statut Membre Dernière intervention -
electroking Messages postés 236 Date d'inscription Statut Membre Dernière intervention -
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
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:
- Autoplay
- Autoplay media studio - Télécharger - Divers Utilitaires
- Autoplay menu designer - Télécharger - Divers Utilitaires
- Autoplay - Télécharger - Édition & Programmation
- Edge autoplay - Accueil - Navigateurs Web
- Power AutoPlay Menu Creator - Télécharger - Sous-titres
2 réponses
Tu veux faire un slider c'est ça ? (défilement d'image)
Signature supprimée par la modération.
Signature supprimée par la modération.
Debonzy
Messages postés
34
Date d'inscription
Statut
Membre
Dernière intervention
Oui exactement
Debonzy
Messages postés
34
Date d'inscription
Statut
Membre
Dernière intervention
le slider est déja fait seulement que les images ne defilent pas automatiquement à moins que je clic sur les boutons suivant ou precedent
electroking
Messages postés
236
Date d'inscription
Statut
Membre
Dernière intervention
6
att je t'envoie un code
Voila un slider javascript tout près fait pour des images dont la largeur fait 4 fois la hauteur. ex: 1340x335
Signature supprimée par la modération.
<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.
