|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
atomikado
WRInaute occasionnel
Inscrit le: 22 Sep 2003
Messages: 148
Localisation: Bretagne
|
 Posté le : Jeu Mar 02, 2006 18:54 Sujet du message: créer un diaporama |
|
|
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
WRInaute occasionnel
Inscrit le: 26 Juin 2005
Messages: 158
|
| Posté le : Jeu Mar 02, 2006 18:57 Sujet du message: créer un diaporama |
|
|
tu recherches un script en quel langage ?
php,javascript, flash ? |
|
| |
|
|
agilis
WRInaute discret
Inscrit le: 18 Sep 2005
Messages: 89
|
| Posté le : Jeu Mar 02, 2006 18:59 Sujet du message: créer un diaporama |
|
|
Moi je recherche aussi un "script" de diaporama très simple en flash.
Merci  |
|
| |
|
|
TOMHTML
WRInaute accro
Inscrit le: 25 Aoû 2004
Messages: 3111
Localisation: http://www.vrai-nom.com
|
| Posté le : Jeu Mar 02, 2006 19:05 Sujet du message: créer un diaporama |
|
|
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: |
<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: |
<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
Nouveau WRInaute
Inscrit le: 03 Fév 2006
Messages: 4
|
| Posté le : Jeu Mar 02, 2006 23:39 Sujet du message: créer un diaporama |
|
|
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
Nouveau WRInaute
Inscrit le: 08 Fév 2006
Messages: 46
|
| Posté le : Lun Mar 20, 2006 18:03 Sujet du message: créer un diaporama |
|
|
[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
WRInaute accro
Inscrit le: 07 Juil 2003
Messages: 1499
Localisation: Toulouse
|
| Posté le : Mer Mar 29, 2006 9:03 Sujet du message: créer un diaporama |
|
|
| agilis a écrit: |
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
WRInaute discret
Inscrit le: 22 Fév 2007
Messages: 80
Localisation: Miami
|
| Posté le : Ven Fév 29, 2008 11:57 Sujet du message: créer un diaporama |
|
|
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
WRInaute occasionnel
Inscrit le: 22 Avr 2004
Messages: 223
Localisation: France
|
| Posté le : Ven Fév 29, 2008 18:29 Sujet du message: créer un diaporama |
|
|
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
Nouveau WRInaute
Inscrit le: 23 Nov 2007
Messages: 9
|
| Posté le : Sam Mar 01, 2008 10:49 Sujet du message: créer un diaporama |
|
|
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. |
|
| |
|
|
| |
|
|
