création d'un diaporama

madoem · 8 Août 2006

Slt tout le monde,

Je suis en train de créer un site et je voudrais faire apparaitre un diaporama que j'ai réalisé avec IrfanView, j'obtiens donc un dossier en .exe.

Quelqu'un pourrait m'indiquer la formule à utiliser pour les faire apparaitre sur mon site.

Merci d'avance

KangOl · 8 Août 2006

c'est pas avec un exe que ca fonctionnera

faut faire ca via js
et la je te laisse chercher

madoem · 9 Août 2006

Ok merci pour l'info, jvais rechercher ça...

madoem · 9 Août 2006

Excuse Kangol, tu pourrais pas m'aider un peu, jsuis un peu perdu avec le JavaScript

t1cable:

Merci

zeb · 9 Août 2006

M'enfin.
Si tu as créé un exécutable binaire avec un logiciel, tu peux toujours le proposer au téléchargement, mais c'est ridicule :
1°) Je ne télécharge jamais un exécutable, même si on m'assure que c'est inoffensif.
2°) Cet exécutable ne peut fonctionner que sur un système équivalent au tien. (Win / Mac / Linux ?)

Tu ne peux pas lui faire défiler tes photos sur internet.

Il faut passer par d'autres moyens (le JavaScript en est un). Mais on ne s'improvise pas développeur de site web comme ça. En fait si, mais cela nécessite un engagement personnel important.

Il existe des solutions toutes faites pour site perso. Je pense notamment à des diaporamas en PHP.

Il existe aussi des sites à qui tu confies tes photos et qui en font un diaporama. Mais ce n'est plus ton site à toi.

KangOl · 9 Août 2006

meme les diaporamas en php utilisent le javascript (meme s'il y a moyen de s'en passer)

je me demande meme s'il en existe des diaporamas sans js (ou autres joyeusetés coté client) ...

madoem · 10 Août 2006

Slt,

Merci pour vos réponses, j'ai ici une formule que j'ai appliquée, le problème c'est que je ne vois pas les photos, est ce que vous voyez une erreur???

<head>


<script>
// (C) 2000 www.CodeLifter.com
//

Vous devez être connecté pour voir les liens.

// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = '1.gif'
Pic[1] = '2.gif'
Pic[2] = '3.gif'
Pic[3] = '4.gif'
Pic[4] = '5.gif'

var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad = new Image()
preLoad.src = Pic
}

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>

<body>
<body onload="runSlideShow()">



<p align="center"><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=150 width=150>
<img src="1.gif" name='SlideShow' width=150 height=150></td>
</tr>
</table></p>
</body>

Merci pour votre aide

zeb · 10 Août 2006

Vous devez être connecté pour voir les images.

madoem · 10 Août 2006

Code:

<head> 
<!-- DEBUT DU SCRIPT SLIDESHOW--> 
 
<script> 
// (C) 2000 www.CodeLifter.com 
// [url=http://www.codelifter.com]http://www.codelifter.com[/url] 
// Free for all users, but leave in this header 
// NS4-6,IE4-6 
// Fade effect only in IE; degrades gracefully 
 
 
// Set slideShowSpeed (milliseconds) 
var slideShowSpeed = 5000 
 
// Duration of crossfade (seconds) 
var crossFadeDuration = 3 
 
// Specify the image files 
var Pic = new Array() // don't touch this 
// to add more images, just continue 
// the pattern, adding to the array below 
 
Pic[0] = '1.gif' 
Pic[1] = '2.gif' 
Pic[2] = '3.gif' 
Pic[3] = '4.gif' 
Pic[4] = '5.gif' 
 
 
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> 
<!-- FIN DU SCRIPT SLIDESHOW--></head> 
 
<body><!-- DEBUT DU SCRIPT --> 
<body onload="runSlideShow()"> 
<!-- FIN DU SCRIPT --> 
 
 
<!-- DEBUT DU SCRIPT SLIDESHOW--> 
<p align="center"><table border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td id="VU" height=150 width=150> 
<img src="1.gif" name='SlideShow' width=150 height=150></td> 
</tr> 
</table></p> 
<!-- FIN DU SCRIPT SLIDESHOW--></body>

Merci

KangOl · 10 Août 2006

lis les lignes 20 et 21

madoem · 11 Août 2006

j'ai lu et traduit mais je ne vois toujours pas, désolé

zeb · 11 Août 2006

Code:

Pic[5] = '5.gif'
Pic[6] = '6.gif'
Pic[7] = '7.gif'
Pic[8] = '8.gif'
Pic[9] = '9.gif'

Après je ne sais plus [:spamafote]

sisier · 14 Août 2006

Va voir du coté de Copermine photo Gallery

KangOl · 15 Août 2006

encore faut il avoir php a sa disposition ...

madoem · 15 Août 2006

Merci pour vos réponses,

je vous dirais que c'est un peu la galère pour faire ce diaporama, j'ai utilisé plusieurs formules mais à chaque fois je ne vois pas les images, mais une croix... :??:

Tofy · 30 Août 2006

J'ai repris le script initial en affichant les images d'une manière alternée sur trois vignettes successives

[cpp]


<script>
// (C) 2000 www.CodeLifter.com
//

Vous devez être connecté pour voir les liens.

// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully

// Chemin vers le répertoire des images
var chemin = "slide/";

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 2000

// Effet de transition Fonctionne seulement avec IE - Duration of crossfade (seconds)
var crossFadeDuration = 1

// Un tableau pour stocker le nom des images à afficher
var Pic = new Array()
// La liste des noms de fichiers images
// La variable Pic de 0 à n

Pic[0] = 'visuel1.jpg'
Pic[1] = 'visuel2.jpg'
Pic[2] = 'visuel3.jpg'
Pic[3] = 'visuel4.jpg'
Pic[4] = 'visuel5.jpg'
Pic[5] = 'visuel6.jpg'
Pic[6] = 'visuel7.jpg'
Pic[7] = 'visuel8.jpg'
Pic[8] = 'visuel9.jpg'
Pic[9] = 'visuel10.jpg'
Pic[10] = 'visuel1.jpg' // Première image répétée pour ScndLoad
Pic[11] = 'visuel2.jpg' // Deuxième image répétée pour ThrdLoad

//
var t
// Compteur des images
var j = 0 // pour PreLoad
var k = 0 // pour ScndLoad
var m = 0 // pour ThrdLoad
// Nombre d'images dans le diaporama
var p = Pic.length

// Tableau Preload pour les images 0 à n-1 -- 1ere Vignette
var preLoad = new Array()
for (i = 0; i < p-2; i++){
preLoad = new Image()
preLoad.src = chemin + Pic
}
// Tableau Scndload pour les images 1 à n -- 2e Vignette
var scndLoad = new Array()
for (i = 0; i < p-2; i++){
scndLoad = new Image()
scndLoad.src = chemin + Pic[(i+1)]
}
// Tableau Thrdload pour les images 1 à n -- 3e Vignette
var thrdLoad = new Array()
for (i = 0; i < p-2; i++){
thrdLoad = new Image()
thrdLoad.src = chemin + Pic[(i+2)]
}
// ---------------------------------------------------------------------
// ---------- La fonction runSlideShow ---------------
// -------- Le slide est en boucle -------------------------------------
function runSlideShow(){
// ============= 1ere Vignette : SlideShow pour le tableau preload[j]
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

// ============= 2e Vignette : Slide pour le tableau scndload[k]
if (document.all){
document.images.Slide.style.filter="blendTrans(duration=2)"
document.images.Slide.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.Slide.filters.blendTrans.Apply()
}
document.images.Slide.src = scndLoad[k].src
if (document.all){
document.images.Slide.filters.blendTrans.Play()
}
k = k + 1

// ============= 3e Vignette : Sli pour le tableau thrdload[m]
if (document.all){
document.images.Sli.style.filter="blendTrans(duration=2)"
document.images.Sli.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.Sli.filters.blendTrans.Apply()
}
document.images.Sli.src = thrdLoad[m].src
if (document.all){
document.images.Sli.filters.blendTrans.Play()
}
m = m + 1

// -------- Remise à zéro des compteurs pour n-3 images
if (m > p-3){j = 0; k = 0; m = 0}
// Fin RAZ
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>



<body onload="runSlideShow()">



<p align="center">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" width="190" height="200">
<img src="slide/visuel1.jpg" name='SlideShow' width="190" height="200"></td>

<td id="VU" width="190" height="200">
<img src="slide/visuel2.jpg" name='Slide' width="190" height="200"></td>

<td id="VU" width="190" height="200">
<img src="slide/visuel3.jpg" name='Sli' width="190" height="200"></td>

</tr>
</table>
</p><br>

</body>
[/cpp]

création d'un diaporama

madoem

KangOl

madoem

madoem

zeb

KangOl

madoem

zeb

madoem

KangOl

madoem

zeb

sisier

KangOl

madoem

Tofy