slide-show musical sur le web

rbsa80 · Message par **rbsa80** » 03 févr. 2004 08:36

Ce topique a ete lu 141 fois pour enfin trouver Greg pour trouver la reponse

Je n'attaque personne mais constate que JScript est inconnu pour beaucoup de gens...il y a lieu de supposer que programmer en JScript ne doit pas etre chose si evidente.

Greg

:"si tu n'existais pas il faudrait t'inventer"

rbsa80 · Message par **rbsa80** » 03 févr. 2004 08:41

GregLand a écrit :Pour un lancement automatique au démarrage de la page,

- supprimes le
Code : Tout sélectionner
<a href="javascript:anime();">Commencer</a>
- et met :
entre <head> et </head>
Code : Tout sélectionner
<script language="JavaScript">
function gregland_call(str)
{
  eval(str);
}
</script>
- Remplace ta balise body par :
Code : Tout sélectionner
<body OnLoad="gregland_call('anime()');" bgcolor="yellow">
(pour avoir le fond jaune aussi)

- et pour avoir une musique en fond :
met entre <head> et </head>
Code : Tout sélectionner
<bgsound src="son.wav">

Mais en mp3 ca ne prendrait pas mois de place et de ce fait les ca allegerait les pages pour eviter que ca ne rame?

Message par **GregLand** » 03 févr. 2004 13:57

Pour mettre du mp3 tu es obligé de de mettre un activeX Windows MediaPlayer... hors sur beaucoup de PC, il n'est pas configuré pour la lecture... a toi de voir...
le wav est plus compatible mais plus lourd...
le mp3 moins compatible mais plus léger...

Invité · Message par **Invité** » 04 févr. 2004 19:29

GregLand a écrit :Pour mettre du mp3 tu es obligé de de mettre un activeX Windows MediaPlayer... hors sur beaucoup de PC, il n'est pas configuré pour la lecture... a toi de voir...
le wav est plus compatible mais plus lourd...
le mp3 moins compatible mais plus léger...

Mais si le wav est plus lourd donc la page html en sera allourdie et de ce fait ca risque de ramer???
Mon idee de base etait qu'aujourd'hui 99% des gens ont un lecteur mp3...mais il est vrai que sur mon PC j'ai installe les active x

Message par **GregLand** » 04 févr. 2004 19:36

Oui, mais le mp3 sera plus long a se charger du fait de l'activation de l'activeX (qui se chargera avant) donc on tourne en rond là... met ce que tu veux en fait, ça reviendra quasiement au même !

Par contre aucun rapport avec les lescteurs MP3 que les gens possèdent sur leur PC... ça marche en local un lecteur... pas sur une page web... hors là on parle de page web !

rbsa80 · Message par **rbsa80** » 06 févr. 2004 10:54

Je vais finir par devenir ding!

A
http://chanly.apinc.org/Jose/2003-11-diapo.html voici le code source de son diaporama

<FONT FACE="arial"><HTML>
<HEAD>
<TITLE>
Josי - Le petit monde merveilleux des clichיs.
</TITLE>
<META NAME="Auteur" CONTENT="Pierre PARENT">

<script>var slideShowSpeed = 2500
var crossFadeDuration =3
var Pic = new Array()

Pic[0] = '2003-11-06.jpg'
Pic[1] = '2003-11-07.jpg'
Pic[2] = '2003-11-08.jpg'
Pic[3] = '2003-11-09.jpg'
Pic[4] = '2003-11-10.jpg'
Pic[5] = '2003-11-11.jpg'
Pic[6] = '2003-11-12.jpg'
Pic[7] = '2003-11-13.jpg'
Pic[8] = '2003-11-14.jpg'
Pic[9] = '2003-11-15.jpg'
Pic[10] = '2003-11-16.jpg'
Pic[11] = '2003-11-17.jpg'
Pic[12] = '2003-11-18.jpg'
Pic[13] = '2003-11-19.jpg'
Pic[14] = '2003-11-20.jpg'
Pic[15] = '2003-11-21.jpg'
Pic[16] = '2003-11-22.jpg'
Pic[17] = '2003-11-23.jpg'
Pic[18] = '2003-11-24.jpg'
Pic[19] = '2003-11-25.jpg'
Pic[20] = '2003-11-26.jpg'
Pic[21] = '2003-11-27.jpg'
Pic[22] = '2003-11-28.jpg'
Pic[23] = '2003-11-29.jpg'
Pic[24] = '2003-11-30.jpg'
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 onload="runSlideShow()" BGCOLOR="#FFFF00">
<P ALIGN="center">

<TABLE BODY BGCOLOR="#FFFF00" BORDER="1" >
<TD><H2>&nbsp *** Josי, photos graf' *** &nbsp</TD></H1></TABLE>

<TABLE><TR>

<TABLE>

<TR><TD align=center>
<FONT color="#FF0000" size="4"><G><B>Un clichי par jour... DIAPORAMA - SEPTEMBRE 2003</FONT>
<BR><BR>
<TABLE BORDER=5><TR><TD ALIGN=CENTER><IMG SRC=2003-11-06.jpg name="SlideShow" height=400 border=0></TD></TR></TABLE></TD></TR>
</TR></TABLE>
<FONT SIZE=2><A HREF=index1.html>Page principale</A>
</BODY>
</HTML>

Quelles est la variable a modifier pour que l'on s'arrete apres la derniere photo et en y avoutant un fond musical en .wav
Peut etre que ce coup ci ca ne clignoterait pas a la derniere image?

Ce code source provient du topique (José Chanly)
http://www.liensutiles.org/forumphp/viewtopic.php?t=428
(José Chanly)

Je pense qu'il utililise un certain applet
il est en Java et non en JScript d'apres mon analyse.

Encore une nuit blanche

Message par **GregLand** » 06 févr. 2004 12:45

Euh... moi j'le vois pas l'applet JAVA mais bon !

Pour le son, je l'ai déjà dis donc je vais pas répéter !
Et voilà la source que j'ai modifiée :
(En rouge : parties a modifier)
(En bleu : commentaires)
(En vert : la source qui bouge pas)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Diaporama.</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<SCRIPT>var slideShowSpeed = 2500<-- Temps entre chaque photo
var crossFadeDuration =3<-- Le réglage du fade (effet de transition entre images)
var Pic = new Array()
<-- En dessous toutes les images dans l'ordre du diaporama -->
Pic[0] = 'Image1.jpg'
Pic[1] = 'Image2.jpg'
Pic[2] = 'Image3.jpg'
Pic[3] = 'Image4.jpg'
Pic[4] = 'Image5.jpg'
Pic[5] = 'Image6.jpg'
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=5 <-- Arret a la dernire image ! (6 images dans ce cas donc chiffre 5)
t = setTimeout('runSlideShow()', slideShowSpeed)}
</SCRIPT>

<META content="MSHTML 6.00.2800.1400" name=GENERATOR></HEAD>
<BODY bgColor=#ffff00 onload="runSlideShow();">
<P align=center>
<TABLE bgColor=#ffff00 border=1 BODY>
<TBODY>
<TR>
<TD>
<H2>::  Diaporama ::</H2></TD>
<H1></H1></TR></TBODY></TABLE>
<FONT face=arial><TABLE>
<TBODY>
<TR></TR></TBODY></TABLE>
</FONT>
<p>

<p><FONT face=arial><TABLE>
<TBODY>
<TR>
<TD align=middle><FONT color=#ff0000 size=4><G><B>Un cliché par jour...
DIAPORAMA - SEPTEMBRE 2003</FONT> <BR><BR>
<TABLE border=5>
<TBODY>
<TR>
<TD align=middle><IMG height=400
src="Image1.jpg<-- La première image qui s'affiche"
border=0
name=SlideShow></TD></TR></TBODY></TABLE></B></TD></TR></TR></TBODY></TABLE></FONT></P></BODY></HTML>

En fait pour ma part, j'ai mis plus de temps a faire ce message en couleur (30 min) que trouver la soluce ! (1min 2secondes)

rbsa80 · Message par **rbsa80** » 06 févr. 2004 13:13

Et comment ajouter la musique de fond? et desactiver le clic droit?

Message par **GregLand** » 06 févr. 2004 13:23

GregLand a écrit :Pour le son, je l'ai déjà dis donc je vais pas répéter !

Pour l'anticlic droit :

Entre <head> et </head>

Code : Tout sélectionner

<script language="JavaScript">
function norightclick(message)
{
  var message; 
  function click(e) {
    if (document.all) {
      if (event.button == 2) {
        alert(message);
      return false;
      }
    }
    if (document.layers) {
      if (e.which == 3) {
        alert(message);
        return false;
      }
    }
  }
  if (document.layers) {
    document.captureEvents(Event.MOUSEDOWN);
  }
  document.onmousedown= click;
}
</script>

Dans le champ <body> :

Code : Tout sélectionner

<body OnLoad="norightclick('Nannnnnnn !');">

rbsa80 · Message par **rbsa80** » 06 févr. 2004 14:45

GregLand a écrit :
GregLand a écrit :Pour le son, je l'ai déjà dis donc je vais pas répéter !

Pour l'anticlic droit :

Entre <head> et </head>
Code : Tout sélectionner
<script language="JavaScript">
function norightclick(message)
{
  var message; 
  function click(e) {
    if (document.all) {
      if (event.button == 2) {
        alert(message);
      return false;
      }
    }
    if (document.layers) {
      if (e.which == 3) {
        alert(message);
        return false;
      }
    }
  }
  if (document.layers) {
    document.captureEvents(Event.MOUSEDOWN);
  }
  document.onmousedown= click;
}
</script>
Dans le champ <body> :
Code : Tout sélectionner
<body OnLoad="norightclick('Nannnnnnn !');">

Juste une faveur

Tu enleves toutes les ecritures et qu'il n'y ai que l'image au centre .

Mais redonne moi la synthese totale car on se base sur un autre scrtipt musique inclue car je m'emelle et voici presque 24h que je suis devant mon PC.

Merci de ton indulgence

Eblis · Message par **Eblis** » 08 févr. 2004 16:15

:tusors:

Message par **GregLand** » 08 févr. 2004 17:59

Ben alors Eblis on se lache ?

Naveed · Message par **Naveed** » 08 févr. 2004 18:16

Peut-on le lui reprocher? :langue:

Message par **GregLand** » 08 févr. 2004 22:08

Je sens que ça va encore se barrer en sucette ça !

rbsa80 · Message par **rbsa80** » 08 févr. 2004 22:50

Eblis a écrit ::tusors:

Et pour quelle raison?