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 234 Date d'inscription dimanche 14 septembre 2014 Statut Membre Dernière intervention 22 juin 2021 - 6 mars 2016 à 14:05
electroking Messages postés 234 Date d'inscription dimanche 14 septembre 2014 Statut Membre Dernière intervention 22 juin 2021 - 6 mars 2016 à 14:05
A voir également:
- Autoplay
- Autoplay media studio - Télécharger - Divers Utilitaires
- Autoplay menu - Télécharger - Divers Utilitaires
- Autoplay youtube - Forum Webmastering
- Autoplay audio html ✓ - Forum HTML
- Autoplay video html - Forum HTML
2 réponses
electroking
Messages postés
234
Date d'inscription
dimanche 14 septembre 2014
Statut
Membre
Dernière intervention
22 juin 2021
7
Modifié par jipicy le 3/04/2016 à 09:56
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.
Signature supprimée par la modération.
electroking
Messages postés
234
Date d'inscription
dimanche 14 septembre 2014
Statut
Membre
Dernière intervention
22 juin 2021
7
Modifié par jipicy le 3/04/2016 à 09:56
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
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.
electroking
Messages postés
234
Date d'inscription
dimanche 14 septembre 2014
Statut
Membre
Dernière intervention
22 juin 2021
7
23 janv. 2016 à 18:16
23 janv. 2016 à 18:16
à toi de l'adapter :)
Debonzy
Messages postés
34
Date d'inscription
lundi 14 janvier 2013
Statut
Membre
Dernière intervention
25 avril 2018
>
electroking
Messages postés
234
Date d'inscription
dimanche 14 septembre 2014
Statut
Membre
Dernière intervention
22 juin 2021
3 mars 2016 à 14:06
3 mars 2016 à 14:06
Merci bien pour ton aide
electroking
Messages postés
234
Date d'inscription
dimanche 14 septembre 2014
Statut
Membre
Dernière intervention
22 juin 2021
7
>
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
6 mars 2016 à 14:05
No problemo ;) ps : met le en résolu si tu n'as plus besoin d'aide pour ça.
20 janv. 2016 à 15:54
20 janv. 2016 à 15:56
23 janv. 2016 à 18:11