Images slideshow
maglo
-
avion-f16 Messages postés 20368 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 20368 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je voudrais afficher un diaporama d'images sur mon site. J'utilise le code html suivant mais je ne parvient à afficher que l'image contenue dans la dernière ligne de code.
j suis desemparé et ne sait plus quoi faire
svp aidez moi
voici le code utilisé:
<!-- EFFECT DE FADER IMAGE (IMAGE SLIDESHOW) :
1. METTEZ LE CODE 1 ENTRE LES HEAD DU DOCUMENT HTML
2. AJOUTER onLoad DANS LA PREMIERE BALISE <BODY>
3. PLACEZ LE DERNIER CODE 3 ENTRE LES BALISES <BODY> DU DOCUMENT HTML -->
<!-- ETAPE 1 : INSEREZ LE CODE 1 ENTRE LES BALISES <HEAD>..</HEAD> -->
<HEAD>
<script>
<!-- Ce script et d'autres sont sur le site GRATUIT -->
<!-- LE CODE JAVA !! https://www.lecodejava.com/ -->
// Definir les variables suivants
// Definir la vitesse slideShowSpeed en millisecondes
var slideShowSpeed = 5000
// La durée de crossfade en secondes)
var crossFadeDuration = 3
// Spécifier les dossiers d'image
var Pic = new Array() // ne toucher pas qa
// pour ajouter plus d'images ou juste continuer
// le modèle, en ajoutant au tableau ci dessous
Pic[0] = <img src="images/fotos tourisme/grand nord/boli_01.jpg"
Pic[1] = <img src="images/fotos tourisme/grand nord/boli_02.jpg"
Pic[2] = <img src="images/fotos tourisme/grand nord/boli_03.jpg"
Pic[3] = <img src="images/fotos tourisme/grand nord/boli_04.jpg"
Pic[4] = <img src="images/fotos tourisme/grand nord/boli_05.jpg"
// ne pas Toucher(editer) la ligne ci dessous
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
</HEAD>
<!-- ETAPE 2 : INSEREZ onLoad DANS LA PREMIERE BALISES <BODY> DU DOCUMENT -->
<BODY onLoad="runSlideShow()">
<!-- ETAPE 3 : INSEREZ LE CODE CI DESSOUS ENTRE LES DEUX BALISES <BODY>...</BODY> DU DOCUMENT -->
<!-- Ce script et d'autres sont sur le site Gratuit -->
<!-- Le code java!! https://www.lecodejava.com/ -->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=150 width=150>
<img src="chutes.jpg" name='SlideShow' width=150 height=150></td></gras>
</tr>
</table>
<!-- Script Size: 2.64 KB -->
Je voudrais afficher un diaporama d'images sur mon site. J'utilise le code html suivant mais je ne parvient à afficher que l'image contenue dans la dernière ligne de code.
j suis desemparé et ne sait plus quoi faire
svp aidez moi
voici le code utilisé:
<!-- EFFECT DE FADER IMAGE (IMAGE SLIDESHOW) :
1. METTEZ LE CODE 1 ENTRE LES HEAD DU DOCUMENT HTML
2. AJOUTER onLoad DANS LA PREMIERE BALISE <BODY>
3. PLACEZ LE DERNIER CODE 3 ENTRE LES BALISES <BODY> DU DOCUMENT HTML -->
<!-- ETAPE 1 : INSEREZ LE CODE 1 ENTRE LES BALISES <HEAD>..</HEAD> -->
<HEAD>
<script>
<!-- Ce script et d'autres sont sur le site GRATUIT -->
<!-- LE CODE JAVA !! https://www.lecodejava.com/ -->
// Definir les variables suivants
// Definir la vitesse slideShowSpeed en millisecondes
var slideShowSpeed = 5000
// La durée de crossfade en secondes)
var crossFadeDuration = 3
// Spécifier les dossiers d'image
var Pic = new Array() // ne toucher pas qa
// pour ajouter plus d'images ou juste continuer
// le modèle, en ajoutant au tableau ci dessous
Pic[0] = <img src="images/fotos tourisme/grand nord/boli_01.jpg"
Pic[1] = <img src="images/fotos tourisme/grand nord/boli_02.jpg"
Pic[2] = <img src="images/fotos tourisme/grand nord/boli_03.jpg"
Pic[3] = <img src="images/fotos tourisme/grand nord/boli_04.jpg"
Pic[4] = <img src="images/fotos tourisme/grand nord/boli_05.jpg"
// ne pas Toucher(editer) la ligne ci dessous
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
</HEAD>
<!-- ETAPE 2 : INSEREZ onLoad DANS LA PREMIERE BALISES <BODY> DU DOCUMENT -->
<BODY onLoad="runSlideShow()">
<!-- ETAPE 3 : INSEREZ LE CODE CI DESSOUS ENTRE LES DEUX BALISES <BODY>...</BODY> DU DOCUMENT -->
<!-- Ce script et d'autres sont sur le site Gratuit -->
<!-- Le code java!! https://www.lecodejava.com/ -->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=150 width=150>
<img src="chutes.jpg" name='SlideShow' width=150 height=150></td></gras>
</tr>
</table>
<!-- Script Size: 2.64 KB -->
A voir également:
- Images slideshow
- Thundersoft free slideshow maker - Télécharger - Visionnage & Diaporama
- Des images - Guide
- Extraire images pdf - Guide
- Recherche images - Guide
- Images enregistrées - Forum Windows
1 réponse
Pic[0] = <img src="images/fotos tourisme/grand nord/boli_01.jpg" Pic[1] = <img src="images/fotos tourisme/grand nord/boli_02.jpg" Pic[2] = <img src="images/fotos tourisme/grand nord/boli_03.jpg" Pic[3] = <img src="images/fotos tourisme/grand nord/boli_04.jpg" Pic[4] = <img src="images/fotos tourisme/grand nord/boli_05.jpg"Tu peux commencer par supprimer tous les '<img src='
