créer un diaporama

[atomikado]

bonjour,

je suis à la recherche d'un code pour créer un diaporama, qui permette :
soit un affichage des images par bouton précédent / suivant,
soit un affichage successif des images toutes les X secondes par un bouton play/pause (avec possibilité de régler la temporisation)

les scripts que j'ai trouvé jusqu'ici ne correspondent pas à ce que je recherche
si vous connaissez un site qui propose ce genre de diaporama, je suis preneur !

Merci

Mikaël

[mailer]

tu recherches un script en quel langage ?
php,javascript, flash ?

[agilis]

Moi je recherche aussi un "script" de diaporama très simple en flash.

Merci

[TOMHTML]

j'ai un vieux code qui traîne dans mon PC, et justement je l'ai retrouvé pour un ami hier
donc à vous de modifier (notamment les ""images/commerces/commerce1.jpg""...), ça marche en tout cas, c'est le principal
je ne sais pas qui a créé ce script (que j'ai modifié), mais merci à lui


dans le head :

Code: Tout sélectionner

<SCRIPT LANGUAGE="JavaScript">
var rotate_delay = 5000;
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
   }
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
   }
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
   }
}
//  End -->
</script>

dans le body :

Code: Tout sélectionner

<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
              <td align=center bgcolor="white"> <b>diapos</b>
              </td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=250>
<img src="images/commerces/commerce1.jpg" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="images/commerces/commerce1.jpg" selected>N°1
<option value="images/commerces/commerce2.jpg">N°2
<option value="images/commerces/commerce3.jpg">N°3
<option value="images/commerces/commerce4.jpg">N°4
<option value="images/commerces/commerce5.jpg">N°5
<option value="images/commerces/commerce6.jpg">N°6
<option value="images/commerces/commerce7.jpg">N°7
<option value="images/commerces/commerce8.jpg">N°8
<option value="images/commerces/commerce9.jpg">N°9
<option value="images/commerces/commerce10.jpg">N°10
<option value="images/commerces/commerce11.jpg">N°11
<option value="images/commerces/commerce12.jpg">N°12
<option value="images/commerces/commerce13.jpg">N°13
<option value="images/commerces/commerce14.jpg">N°14
<option value="images/commerces/commerce15.jpg">N°15

</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>

[linkofr]

Bonsoir !

Il y a S5, systéme de diaporama en XHTML/JavaScript qui a l'air très sympa...

Il est présenté sur Framasoft:

http://www.framasoft.net/article4171.html

[gewix]

[quote="TOMHTML"]j'ai un vieux code qui traîne dans mon PC, et justement je l'ai retrouvé pour un ami hier
donc à vous de modifier (notamment les ""images/commerces/commerce1.jpg""...), ça marche en tout cas, c'est le principal
je ne sais pas qui a créé ce script (que j'ai modifié), mais merci à lui

....[/code]

Ca fonctionne nickel, en plus avec un bon css, c tout bon, merci

[spidetra]

Moi je recherche aussi un "script" de diaporama très simple en flash.

Merci

Tu trouveras peut-être ton bonheur sur ce site
http://www.maani.us/
( Php/Swf SlideShow)

[Savoy]

Je remonte ce post car je compte créer des diaporamas et les mettre sur mon site (environ 15 images + du texte) et je me pose la question de la technique à employer : Javascript, flash ou AJAX, que choisiriez vous et pourquoi ?

Je me pose surtout la question du javascript au cas où il serait désactivé sur le poste client.

Merci pour vos conseils.

[athoms]

Bonjour,

Je te conseille un script open source GPL gratuit et très bien conçu, igalerie. Facile à mettre en place, au design et fonctionnalités sympa. Je l'ai testé et franchement j'ai été agréablement surpris. Tu trouveras tous les détails sur le site.
w w w .igalerie.org

Edit : il nécessite php et mysql

[riaStudio]

Tu peux également essayer Smooth Gallery (javascript non intrusif) :
http://smoothgallery.jondesign.net/

Si javascript est désactivé sur le poste client, seule la première image apparaîtra (à choisir avec soin donc).

L'avantage est que le titre et la description de chaque image sera indexée.

[Celtic Girl]

Voici ce que j'utilise : http://www.alsacreations.fr/dewslider

C'est assez facile et très efficace. Si vous voulez voir ce que ça donne, la page d'accueil de mon WWW l'utilise...

[web2000]

Comme disait spidetra: tu trouveras peut être là:http://www.maani.us/, et si non, c'est que tu as mal cherché sur le site car ce site est TOP, j'ai jamais vu aussi mieux (humour: aussi mieux^^). J'insiste, ce site est à consulter.