Bonjour,

Je voudrais insérer un Diaporama sur le site que je suis en train de créer. J'aimerais savoir quel est le logiciel qui vous paraît le meilleur pour cela s'il vous plaît ? Si possible, un logiciel libre !

Merci

abscondita

bonjour va voir sur ces liens :

le premier c'est un Diaporama en java script ou les images défilent automatiquement:

http://www.editeurjavascript.com/scripts/scripts_images_3_429.php

le deuxiéme un Diaporama avec du PHP et du JS ou les images défilent manuellement :

http://www.editeurjavascript.com/scripts/scripts_images_2_3.php

A+

Bonjour,

Un logiciel ? tu trouveras ça plutôt pour faire un Diaporama exécutable sur le PC, mais pour mettre sur le web, il vaut mieux adapter un bon script à ta convenance.

Si ça t'intéresse j'en ai fait un qui permet

- le défilement manuel avant, arrière, debut, fin.

- le défilement automatique avec démarrage/arrêt

- L'accès direct à une photo avec une liste déroulante

Y'a même d la musique si on veut

En ce moment l'accès est pénible chez free mais si tu veux te faire une idée clique dans ma signature sur "chez bibiou", puis dans le menu horizontal clique sur "champignons" et dans la page champignons, toujours dans le menu horizontal, clique sur "diaporama".

Si le script te convient tu peux le télécharger et le mettre à ton goût.

Bonjour,

Merci déjà pour ces tuyaux. Je vais étudier la question. Mais si je veux télécharger le script de bioubiou, je n'ai pas trouvé où je pouvais le télécharger ? Merci

abscondita

salut pour avoir son scipt regarde dans le code source de la page(Avec IE7 c'est l'ongltet page puis afficher la source/et avec Firefox c'est l'onglet Affichage puis code source de la page) :

!-- DEBUT DU SCRIPT DiaPORAMA-->
<script LANGUAGE="JavaScript">
var current = 0;

function next(){ // forward one image
if(document.formname.slide[current+1]){
document.images.show.src = document.formname.slide[current+1].value;
document.formname.slide.selectedIndex = ++current;}
else{first();}}

function previous(){ // back on image
if((current-1) >= 0){
document.images.show.src = document.formname.slide[current-1].value;
document.formname.slide.selectedIndex= --current;}
else{last();}}

function first(){ // jump to first image
current=0;
document.images.show.src = document.formname.slide[0].value;
document.formname.slide.selectedIndex=0;}

function last(){ // this is jump to last image
current=(document.formname.slide.length-1);
document.images.show.src = document.formname.slide[current].value;
document.formname.slide.selectedIndex=current;}

function ap(text){ // this controls the auto-play and/or auto-stop
document.formname.slidebutton.value=(text == "Stop") ? "Start" : "Stop";
rotate();}

function change(){ // this is for the pulldown menu
current=document.formname.slide.selectedIndex;
document.images.show.src = document.formname.slide[current].value;}

function rotate() {
if (document.formname.slidebutton.value == "Stop") {
current = (current == document.formname.slide.length-1) ? 0 : current+1;
document.images.show.src = document.formname.slide[current].value;
document.formname.slide.selectedIndex = current;
window.setTimeout("rotate()", 5000);}}
// End -->
</script> </p>


<form name="formname">
<table border="1" align="center" style="line-height:100%; margin-top:0; margin-bottom:0;" width="770" bgcolor="#E6ECD0" bordercolordark="white" bordercolorlight="black">
    <tr>
        <td width="760" height="6" align="center" valign="middle">
            <p align="center" style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;<input type="button" onclick="first();"
value="|<<" title="Aller au début" style="border-width:1; border-top-color:white; border-right-color:black; border-bottom-color:black; border-left-color:white; border-style:solid;"> <input
type="button" onclick="previous();" value="<<" title="Image Précédente"
style="border-width:1; border-top-color:white; border-right-color:black; border-bottom-color:black; border-left-color:white; border-style:solid;"> <input type="button" name="slidebutton"
onClick="ap(this.value);" value="Start" title="Défilement automatique"
style="border-width:1; border-top-color:white; border-right-color:black; border-bottom-color:black; border-left-color:white; border-style:solid; width:75;"> <input type="button" onclick="next();"
value=">>" title="Image Suivante" style="border-width:1; border-top-color:white; border-right-color:black; border-bottom-color:black; border-left-color:white; border-style:solid;"> <input
type="button" onclick="last();" value=">>|" title="Aller à la fin"
style="border-width:1; border-top-color:white; border-right-color:black; border-bottom-color:black; border-left-color:white; border-style:solid;"></p>
        </td>
    </tr>
    <tr>
        <td width="760" height="8">
<p align="center" style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;<select name="slide" onChange="change();" size="1" style="color:black; text-align:center; background-color:rgb(0,204,255);">


<option value ="ton_image"> Vous pouvez choisir une photo dans la liste ou démarrer le Diaporama automatique </option>

<option value ="ton_image"> ton commentaire)</option>
<option value ="ton_image">ton commentaire</option>
<option value ="ton_image"> to commentaire)</option>



</select></p>
        </td>
    </tr>
</table>
</form>
                        <p align="center" style="line-height:100%; margin-top:0; margin-bottom:0;"><img
src="ton_image(départ)" name="show" WIDTH="760" HEIGHT="570" align="middle" alt='Cliquez sur "START" pour démarrer le show'>

"rotate()", 5000 ca que tu a plus haut dans le code c'est le temps du defilement des images (5000=5secondes tu peux modifier ) 

Ce script doit se placer entre <body> et </body>

a+

salut elle

quand on desactive javascript on voit que la premiere photo(pas le reste) mais bon Javascript est en general activé nan ?

sharku a écrit :

salut elle

quand on desactive javascript on voit que la premiere photo(pas le reste) mais bon Javascript est en general activé nan ?

Pas pour environ 10% des internautes. Il serait bon de prévoir une alternative, non?

Merci beaucoup. Je vais faire mes essais et je referai appel si je n'y arrive pas !

abscondita

Bonjour,

A propos de Diaporama, j'ai découvert Lightroom (de chez Adobe). J'utilise la démo proposée en téléchargement sur le site Adobe.fr. Plusieurs choix sont proposés, faciles à paramétrer et à mettre en ligne. (Voir ICI un exemple rapidement créé).

A noter : la démo est valable trente jours, pourtant, je l'utilise depuis trois mois ! Chaque fois que je fais une analyse nettoyage du registre avec Registry First Aid, le compteur des jours se remet à trente !

Bon Diapo,

Bonjour, après tu as un logiciel a installer sur ton PC : JAlbum

il te fait le Diaporama, regarde ce tuto qui explique comment faire :

JAlbum">ICI

Si besoin de plus d'info, n'hésite pas.