Comment faire un diaporama en javascript ?

 

par meltech1 |

     
Comment faire un diaporama en javascript ?

Sur votre site Internet vous aimeriez faire défiler des images dans un diaporama mais vous n'avez pas le programme. Voici comment faire. Dans cet article le programme est en javascript mais les images sont appelées par des fonctions php car elles sont stockées dans un fichier. Ainsi il convient de connaître un peu le php pour comprendre ce qui va suivre dans cet article.

Quelles sont les fournitures nécessaires ?

  • Logiciel bloc notes
  • Internet Explorer
  • Des images

Étapes de réalisation

1.

Commencez par ouvrir votre site Internet pour obtenir le code source. Ainsi vous avez le programme qui sert à programmer ce qui suit. Dans ce programme veuillez chercher la balise <body>.

2.

Dans la balise <body> veuillez insérer le script suivant :
<DIV ID=photo_box></div>
<script type="text/javascript">
photo = new Array;
<?
$a = 0;
$handle = opendir("photos");
while (($file = readdir())!=false) {
clearstatcache();
if($file!=".." && $file!=".")
{
echo "photo[$a] = 'photos/$file';
";
$a++;
}
}
closedir($handle);
?>
function aff_photos(num)
{
if(document.getElementById)
{
fin = "";
if(num!=0)
fin += "<A HREF=# onClick='photos("+(num-1)+");return(false)'>< Précédent</A> ";
if(num!=(photo.length-1))
fin += "<A HREF=# onClick='photos("+(num+1)+");return(false)'>Suivant ></A>";
document.getElementById("photo_box").innerHTML = "<CENTER><IMG SRC='"+photo[num]+"' BORDER=0><BR>"+fin+"</CENTER>";
}
}
window.onload = new Function("aff_photos(0)")
</script>.

3.

Maintenant enregistrez le tout avec "bloc notes" puis ouvrez avec IE. Vous remarquez que toutes les images stockées dans votre fichier s'affichent et donc le diaporama peut commencer. Vous avez terminé.

Commentaires

cyril1 | 08/02/2012  

Pour ceux que le Javascript rebute, ou qui voudraient une solution clé en main qui fonctionne partout, n'hésitez pas à aller faire un tour sur http://diaporama.im, qui permet de créer un diaporama en ligne très facilement, avec une seule ligne de code à insérer.

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on