Logiciel Spectacle Diapo

Javascript gratuit (html) code pour générer et afficher votre diaporama! ou Logiciel pour créer des images et diaporama de photos dans les pages html?

Traits

  • Ce code java script gratuit permettra de créer l'image, diaporama de photos.
  • Vous pouvez utiliser des images dans les répertoires différents que des images de diaporama.
  • Options pour passer au suivant, précédent, début et fin des images.
  • Il suffit de copier le code dans votre page et l'utiliser pour afficher vos photos sous forme de diapositives.

Prévue

Télécharges

Javascript Code
<!--Script by hscripts.com-->
<!--Copyright of HIOXINDIA-->
<!--More scripts @ http://hscripts.com-->
<script type="text/javascript">
var width = 250;
var height = 100;
var imgAr1 = new Array();
var rImg1 = new Array();
imgAr1[0] = "slideshow-software/image-1.jpg";
imgAr1[1] = "slideshow-software/image-2.jpg";
</script>
<table cellpadding=0 cellspacing=0><tr><td style="border: 2px ridge red;"><img id=pic border=0></td></tr>
<tr><td><table width=100% style="border: 2px ridge red; font-size: 13px; font-family: verdana, arial;"><tr><td align=center><a style="color: blue; cursor:pointer;" onclick="start()">Start</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="slideshow()">Next</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="prev()">Prev</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="end()">End</a></td>
<td align=center><a href="http://www.hscripts.com" style="color: blue; text-decoration: none; cursor:ponter; font-size: 13px;">&copy;h</a>
<script type="text/javascript">
for(var j = 0; j < imgAr1.length; j++){
rImg1[j] = new Image();
rImg1[j].src = imgAr1[j];
}
document.onload = setting();
var slide;
function setting(){
slide = document.getElementById('pic');
slide.src = imgAr1[0];
slide.setAttribute("width",width);
slide.setAttribute("height",height);}
//Image or picture slide show using java script
//slideshow function
var picture = 0;
function slideshow(){
if(picture < imgAr1.length-1){
picture=picture+1;
slide.src = imgAr1[picture];}}
function prev(){
if(picture > 0 )
{
picture=picture-1;
slide.src = imgAr1[picture];}}
function start(){
slide.src = imgAr1[0];
picture = 0;}
function end(){
slide.src = imgAr1[imgAr1.length-1];
picture = imgAr1.length-1}
</script>
<!--Script by hscripts.com-->


  • Date de Parution - 2010-09-21
  • Trouvez la version gratuite sans lien de droits d'auteur seulement pour $5/-
  • Pour personnaliser ce script ou pour le développement d'un script, contactez-nous à, support@hscripts.com

Usage

  • Pour modifier la taille du diaporama, passez à la ligne var largeur = 250; var hauteur = 100; et le changement de la valeur de la hauteur et la largeur de toute taille de pixel yo voulez.
  • Pour définir les images du diaporama. Aller à la ligne imgAr1 [0] = "dir1/image- 1.jpg"; imgAr1 [1] = "dir1/image- 2.jpg"; Remplacez les valeurs"dir1/image-1.jpg" et "dir1/image-2.jpg" sur le chemin de tes images. vous pouvez ajouter un nombre illimité de photo dans le tableau. Pour ajouter une photo de plus imgAr1 [2] = "dir1/image- 3.jpg"; plus l'image peuvent être ajoutés comme imgAr1 [3], imgAr1 [4], imgAr1 [5], etc ....

License

  • Ce javascript (mal orthographié en tant que script java) / Le code HTML est donnée sous la licence GPL
  • à savoir l'utilisation gratuite pour ceux qui l'utilisent comme il est..
  • Gratuit, si votre modification ne supprime pas notre droit d'auteur et des liens.
  • Licence informations détaillées peuvent être trouvées ici.
  • You can purchase the script if your requirements does not meet GPL License terms.