FORUM Tom's Hardware » Programmation » HTML / Javascript » création d'un diaporama
 

création d'un diaporama

Il y a 266 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici
Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : création d'un diaporama
 
madoem
Plus d'informations
n°23998
08-08-2006 à 18:02:17

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
Profil : Pointeur
Plus d'informations
n°24003
08-08-2006 à 19:11:00

c'est pas avec un exe que ca fonctionnera :o
 
faut faire ca via js
et la je te laisse chercher :o


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
madoem
Plus d'informations
n°24014
09-08-2006 à 10:17:55

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

madoem
Plus d'informations
n°24016
09-08-2006 à 12:22:15

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

zeb
Profil : Modérateur libre
Plus d'informations
n°24017
09-08-2006 à 12:32:41

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
Profil : Pointeur
Plus d'informations
n°24028
09-08-2006 à 21:23:34

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) ...


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
madoem
Plus d'informations
n°24035
10-08-2006 à 10:35:30

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>
<!-- DEBUT DU SCRIPT SLIDESHOW-->
 
<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// 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 pour votre aide :)

zeb
Profil : Modérateur libre
Plus d'informations
n°24036
10-08-2006 à 10:43:34

http://site.voila.fr/zulu-echo-bravo/img/balisecodeppc.png

madoem
Plus d'informations
n°24038
10-08-2006 à 14:34:08

Code :
  1. <head>
  2. <!-- DEBUT DU SCRIPT SLIDESHOW-->
  4. <script>
  5. // (C) 2000 www.CodeLifter.com  
  6. // http://www.codelifter.com  
  7. // Free for all users, but leave in this header  
  8. // NS4-6,IE4-6  
  9. // Fade effect only in IE; degrades gracefully  
  12. // Set slideShowSpeed (milliseconds)  
  13. var slideShowSpeed = 5000
  15. // Duration of crossfade (seconds)  
  16. var crossFadeDuration = 3
  18. // Specify the image files  
  19. var Pic = new Array() // don't touch this  
  20. // to add more images, just continue  
  21. // the pattern, adding to the array below  
  23. Pic[0] = '1.gif'
  24. Pic[1] = '2.gif'
  25. Pic[2] = '3.gif'
  26. Pic[3] = '4.gif'
  27. Pic[4] = '5.gif'
  30. var t
  31. var j = 0
  32. var p = Pic.length
  34. var preLoad = new Array()
  35. for (i = 0; i < p; i++){
  36. preLoad[i] = new Image()
  37. preLoad[i].src = Pic[i]
  38. }
  40. function runSlideShow(){
  41. if (document.all){
  42. document.images.SlideShow.style.filter="blendTrans(duration=2)"
  43. document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
  44. document.images.SlideShow.filters.blendTrans.Apply() 
  45. }
  46. document.images.SlideShow.src = preLoad[j].src
  47. if (document.all){
  48. document.images.SlideShow.filters.blendTrans.Play()
  49. }
  50. j = j + 1
  51. if (j > (p-1)) j=0
  52. t = setTimeout('runSlideShow()', slideShowSpeed)
  53. }
  54. </script>
  55. <!-- FIN DU SCRIPT SLIDESHOW--></head>
  57. <body><!-- DEBUT DU SCRIPT -->
  58. <body onload="runSlideShow()">
  59. <!-- FIN DU SCRIPT -->
  62. <!-- DEBUT DU SCRIPT SLIDESHOW-->
  63. <p align="center"><table border="0" cellpadding="0" cellspacing="0">
  64. <tr>
  65. <td id="VU" height=150 width=150>
  66. <img src="1.gif" name='SlideShow' width=150 height=150></td>
  67. </tr>
  68. </table></p>
  69. <!-- FIN DU SCRIPT SLIDESHOW--></body>


 
Merci

KangOl
Profil : Pointeur
Plus d'informations
n°24048
10-08-2006 à 18:15:04

lis les lignes 20 et 21 :o


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
madoem
Plus d'informations
n°24056
11-08-2006 à 12:40:51

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

zeb
Profil : Modérateur libre
Plus d'informations
n°24058
11-08-2006 à 16:29:49

Code :
  1. Pic[5] = '5.gif'
  2. Pic[6] = '6.gif'
  3. Pic[7] = '7.gif'
  4. Pic[8] = '8.gif'
  5. Pic[9] = '9.gif'

Après je ne sais plus [:spamafote]

sisier
Plus d'informations
n°24062
14-08-2006 à 16:13:57

Va voir du coté de Copermine photo Gallery ;)

KangOl
Profil : Pointeur
Plus d'informations
n°24064
15-08-2006 à 14:48:48

encore faut il avoir php a sa disposition ...


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
madoem
Plus d'informations
n°24065
15-08-2006 à 16:33:12

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
Plus d'informations
n°24233
30-08-2006 à 18:01:04

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

Code :
  1. <!-- DEBUT DU SCRIPT SLIDESHOW-->
  3. <script>
  4. // (C) 2000 www.CodeLifter.com
  5. // http://www.codelifter.com
  6. // Free for all users, but leave in this header
  7. // NS4-6,IE4-6
  8. // Fade effect only in IE; degrades gracefully
  10. // Chemin vers le répertoire des images
  11. var chemin = "slide/";
  13. // Set slideShowSpeed (milliseconds)
  14. var slideShowSpeed = 2000
  16. // Effet de transition Fonctionne seulement avec IE - Duration of crossfade (seconds)
  17. var crossFadeDuration = 1
  19. // Un tableau pour stocker le nom des images à afficher
  20. var Pic = new Array()
  21. // La liste des noms de fichiers images
  22. // La variable Pic de 0 à n
  24. Pic[0] = 'visuel1.jpg'
  25. Pic[1] = 'visuel2.jpg'
  26. Pic[2] = 'visuel3.jpg'
  27. Pic[3] = 'visuel4.jpg'
  28. Pic[4] = 'visuel5.jpg'
  29. Pic[5] = 'visuel6.jpg'
  30. Pic[6] = 'visuel7.jpg'
  31. Pic[7] = 'visuel8.jpg'
  32. Pic[8] = 'visuel9.jpg'
  33. Pic[9] = 'visuel10.jpg'
  34. Pic[10] = 'visuel1.jpg'      // Première image répétée pour ScndLoad
  35. Pic[11] = 'visuel2.jpg'      // Deuxième image répétée pour ThrdLoad
  37. //
  38. var t
  39. // Compteur des images
  40. var j = 0             // pour PreLoad
  41. var k = 0             // pour ScndLoad
  42. var m = 0             // pour ThrdLoad
  43. // Nombre d'images dans le diaporama
  44. var p = Pic.length
  46. // Tableau Preload pour les images 0 à n-1 -- 1ere Vignette
  47. var preLoad = new Array()
  48. for (i = 0; i < p-2; i++){
  49. preLoad[i] = new Image()
  50. preLoad[i].src = chemin + Pic[i]
  51. }
  52. // Tableau Scndload pour les images 1 à n  -- 2e Vignette
  53. var scndLoad = new Array()
  54. for (i = 0; i < p-2; i++){
  55. scndLoad[i] = new Image()
  56. scndLoad[i].src = chemin + Pic[(i+1)]
  57. }
  58. // Tableau Thrdload pour les images 1 à n  -- 3e Vignette
  59. var thrdLoad = new Array()
  60. for (i = 0; i < p-2; i++){
  61. thrdLoad[i] = new Image()
  62. thrdLoad[i].src = chemin + Pic[(i+2)]
  63. }
  64. // ---------------------------------------------------------------------
  65. // ---------- La fonction runSlideShow ---------------
  66. // -------- Le slide est en boucle -------------------------------------
  67. function runSlideShow(){
  68. // ============= 1ere Vignette : SlideShow pour le tableau preload[j]
  69. if (document.all){
  70. document.images.SlideShow.style.filter="blendTrans(duration=2)"
  71. document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
  72. document.images.SlideShow.filters.blendTrans.Apply() 
  73. }
  74. document.images.SlideShow.src = preLoad[j].src
  75. if (document.all){
  76. document.images.SlideShow.filters.blendTrans.Play()
  77. }
  78. j = j + 1
  80. // ============= 2e Vignette : Slide pour le tableau scndload[k]
  81. if (document.all){
  82. document.images.Slide.style.filter="blendTrans(duration=2)"
  83. document.images.Slide.style.filter="blendTrans(duration=crossFadeDuration)"
  84. document.images.Slide.filters.blendTrans.Apply()
  85. }
  86. document.images.Slide.src = scndLoad[k].src
  87. if (document.all){
  88. document.images.Slide.filters.blendTrans.Play()
  89. }
  90. k = k + 1
  92. // ============= 3e Vignette : Sli pour le tableau thrdload[m]
  93. if (document.all){
  94. document.images.Sli.style.filter="blendTrans(duration=2)"
  95. document.images.Sli.style.filter="blendTrans(duration=crossFadeDuration)"
  96. document.images.Sli.filters.blendTrans.Apply()
  97. }
  98. document.images.Sli.src = thrdLoad[m].src
  99. if (document.all){
  100. document.images.Sli.filters.blendTrans.Play()
  101. }
  102. m = m + 1
  104. // -------- Remise à zéro des compteurs pour n-3 images
  105. if (m > p-3){j = 0; k = 0; m = 0}
  106. // Fin RAZ
  107. t = setTimeout('runSlideShow()', slideShowSpeed)
  108. }
  109. </script>
  110. <!-- FIN DU SCRIPT SLIDESHOW-->
  113. <!-- DEBUT DU SCRIPT -->
  114. <body onload="runSlideShow()">
  115. <!-- FIN DU SCRIPT -->
  118. <!-- DEBUT DU SCRIPT SLIDESHOW-->
  119. <p align="center">
  120. <table border="0" cellpadding="0" cellspacing="0">
  121.        <tr>
  122.            <td id="VU" width="190" height="200">
  123.            <img src="slide/visuel1.jpg" name='SlideShow' width="190" height="200"></td>
  125.            <td id="VU" width="190" height="200">
  126.            <img src="slide/visuel2.jpg" name='Slide' width="190" height="200"></td>
  128.            <td id="VU" width="190" height="200">
  129.            <img src="slide/visuel3.jpg" name='Sli' width="190" height="200"></td>
  131.        </tr>
  132. </table>
  133. </p><br>
  134. <!-- FIN DU SCRIPT SLIDESHOW-->
  135. </body>

Aller à :
Ajouter une réponse
  FORUM Tom's Hardware » Programmation » HTML / Javascript » création d'un diaporama
 

Plan du forum
Forum MesDiscussions.Net, Version 2007.1.2
© 2000-2007 No1Dev
Page générée en 0.237 secondes
Annonces Google
Publicité
Sujets relatifs
voir tout
Actualités relatives
Les dernières actualités
voir tout
Les derniers tests
voir tout
Les téléchargements