Slideshow

Bonjour,

Je suis à la recherche d'un slideshow facile à mettre en place.
Jusqu'à maintenant j'utilisais "Ultimate Fade-In Slideshow (v1.5)", mais apparement il pose problème avec Explorer...
Si quelqu'un à une adresse à me proposer... merci d'avance!
Salutations
Eric

Personne t'a répondu alors je me permet...

Voici un lien pour un slideShow en jquery :

http://interface.eyecon.ro/demos/slideshow.html#5slideShow1

si tu en as besoin d'autres fait signe

Enjoy

Bonjour

Moi j'aime beaucoup le diaporama de dew : http://www.alsacreations.fr/dewslider ...

eebee

Et moi le plugin cycle pour jquery.

Bonjour

dans cette page http://www.sokebana.net/test/annuaire-prestataires-mariage/index.html il est prévu de montrer plusieurs diaporama, je débute et j'en ai fait un avec dreamweaver, c'est pas du grand diaporama mais cela me permet au moins d'avoir les images ds d'autres dossiers que celui où se trouve l'index.

mes soucis:
- je voudrais que le diapo démarre par survol (donc au lieu de l'image mettre une petit texte "survoler pour voir images" par exemple, ceci pour éviter que tous les diaporamas tournent en meme temps et se parasitent visuellement les uns aux autres)
- il semblerait que ce script empêche le menu vertical de fonctionner (il reste déroulé) (j'ai crée un autre fil à ce sujet )

si ce n'est pas possible (démarrer avec survol) existe il un autre diaporama simple à mettre en oeuvre et surtout où il est possible d'aller chercher ds un autre dossier que la racine où se trouve le dia


par avance merci de votre aide


voici le code du menu vertical:

<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}

et là le diaporama

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_timelinePlay(tmLnName, myID) { //v1.2
  //Copyright 1998, 1999, 2000, 2001, 2002, 2003, 2004 Macromedia, Inc. All rights reserved.
  var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
  if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  tmLn = document.MM_Time[tmLnName];
  if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID
  if (myID == tmLn.ID) { //if Im newest
    setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);
    fNew = ++tmLn.curFrame;
    for (i=0; i<tmLn.length; i++) {
      sprite = tmLn[i];
      if (sprite.charAt(0) == 's') {
        if (sprite.obj) {
          numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];
          if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in range
            keyFrm=1;
            for (j=0; j<sprite.values.length; j++) {
              props = sprite.values[j]; 
              if (numKeyFr != props.length) {
                if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];
                else        sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];
              } else {
                while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;
                if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
                  if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];
                  else        sprite.obj[props.prop2][props.prop] = props[keyFrm-1];
        } } } } }
      } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
      if (fNew > tmLn.lastFrame) tmLn.ID = 0;
  } }
}

function MM_timelineGoto(tmLnName, fNew, numGotos) { //v2.0
  //Copyright 1998, 1999, 2000, 2001, 2002, 2003, 2004 Macromedia, Inc. All rights reserved.
  var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,lastKeyFr,propNum,theObj;
  if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  tmLn = document.MM_Time[tmLnName];
  if (numGotos != null)
    if (tmLn.gotoCount == null) tmLn.gotoCount = 1;
    else if (tmLn.gotoCount++ >= numGotos) {tmLn.gotoCount=0; return}
  jmpFwd = (fNew > tmLn.curFrame);
  for (i = 0; i < tmLn.length; i++) {
    sprite = (jmpFwd)? tmLn[i] : tmLn[(tmLn.length-1)-i]; //count bkwds if jumping back
    if (sprite.charAt(0) == "s") {
      numKeyFr = sprite.keyFrames.length;
      firstKeyFr = sprite.keyFrames[0];
      lastKeyFr = sprite.keyFrames[numKeyFr - 1];
      if ((jmpFwd && fNew<firstKeyFr) || (!jmpFwd && lastKeyFr<fNew)) continue; //skip if untouchd
      for (keyFrm=1; keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]; keyFrm++);
      for (j=0; j<sprite.values.length; j++) {
        props = sprite.values[j];
        if (numKeyFr == props.length) propNum = keyFrm-1 //keyframes only
        else propNum = Math.min(Math.max(0,fNew-firstKeyFr),props.length-1); //or keep in legal range
        if (sprite.obj != null) {
          if (props.prop2 == null) sprite.obj[props.prop] = props[propNum];
          else        sprite.obj[props.prop2][props.prop] = props[propNum];
      } }
    } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
  }
  tmLn.curFrame = fNew;
  if (tmLn.ID == 0) eval('MM_timelinePlay(tmLnName)');
}

function MM_initTimelines() { //v4.0
    //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
    var ns = navigator.appName == "Netscape";
    var ns4 = (ns && parseInt(navigator.appVersion) == 4);
    var ns5 = (ns && parseInt(navigator.appVersion) > 4);
    var macIE5 = (navigator.platform ? (navigator.platform == "MacPPC") : false) && (navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4);
    document.MM_Time = new Array(1);
    document.MM_Time[0] = new Array(4);
    document.MM_Time["Timeline1"] = document.MM_Time[0];
    document.MM_Time[0].MM_Name = "Timeline1";
    document.MM_Time[0].fps = 5;
    document.MM_Time[0][0] = new String("behavior");
    document.MM_Time[0][0].frame = 10;
    document.MM_Time[0][0].value = "MM_swapImage('diaporama','','fiches-pros/sokebana/02.jpg','diaporama1','','fiches-pros/damien-vanders/02.jpg',1)";
    document.MM_Time[0][1] = new String("behavior");
    document.MM_Time[0][1].frame = 20;
    document.MM_Time[0][1].value = "MM_swapImage('diaporama','','fiches-pros/sokebana/03.jpg','diaporama1','','fiches-pros/damien-vanders/03.jpg',1)";
    document.MM_Time[0][2] = new String("behavior");
    document.MM_Time[0][2].frame = 30;
    document.MM_Time[0][2].value = "MM_swapImage('diaporama','','fiches-pros/sokebana/01.jpg','diaporama1','','fiches-pros/damien-vanders/01.jpg',1)";
    document.MM_Time[0][3] = new String("behavior");
    document.MM_Time[0][3].frame = 31;
    document.MM_Time[0][3].value = "MM_timelineGoto('Timeline1','1')";
    document.MM_Time[0].lastFrame = 31;
    for (i=0; i<document.MM_Time.length; i++) {
        document.MM_Time[i].ID = null;
        document.MM_Time[i].curFrame = 0;
        document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
    }
}
//-->
</script>

[/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i]

Heu... Va voir le plugin cycle évoqué plus haut et laisse tomber les scripts dreamweaver. Il est possible de démarrer un diaporama avec un clic.