Diashow Javascript Software

Gratis Javascript (HTML) Code um eine Diashow anzulegen und anzuzeigen!\n Oder \n Software, um eine Bild- und Fotodiashow in einer HTML-Seite anzulegen?

Features

  • Dieser gratis Javascript Code wird Diashows anlegen.
  • Sie können Bilder aus unterschiedlichen Verzeichnissen als Bilder für die Diashow verwenden.
  • Optionen, um zur nächsten, vorherigen, Beginn und Ende geben.
  • Kopieren Sie den Code in Ihre Seite und verwenden ihn, um Ihre Photos als Dias anzuzeigen.

Vorschau

Downloads

Code 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()">Nachste</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="prev()">Zurück</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="end()">Ende</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-->


  • Veröffentlichungsdatum - 2010-09-22
  • Sie erhalten eine Gratisversion ohne Copyright Link für nur $5
  • Für die Benutzer spezifische Anpassung dieses Skripts oder Skriptentwicklungen setzen Sie sich bitte mit uns unter support@hscripts.com in Verbindung.

Nutzung

  • Um die Größe der Diashow zu verändern, gehen Sie auf die Zeile.n
    var width = 250;n var height = 100;n
    und ändern Sie den Wert der Höhe und Breite auf jeder Pixelgröße yo wollen.
  • Um Bilder für die Diashow. Gehen Sie auf die Zeile.n
    imgAr1[0] = "dir1/image-1.jpg";n imgAr1[1] = "dir1/image-2.jpg";
    nErsetzen Sie die Werte "dir1/image-1.jpg" und "dir1/image-2.jpg", um den Pfad Ihrer Bilder. Sie können eine beliebige Anzahl von Foto hinzufügen, um das Array. So fügen Sie ein weiteres Bildn
    imgAr1[2] = "dir1/image-3.jpg";
    nweitere Bilder können als imgAr1 [3], imgAr1 [4], imgAr1 [5], so weiter. hinzugefügt werden

Lizenz

  • Diese Scripts Ajax / HTML-Code ist unter der GPL Lizenz gegeben.
  • Freie Benützung d. h. für diejenigen, die es benutzen, wie es ist.
  • Kostenlos, wenn Sie Ihre Änderungen nicht entfernen unsere Copyright-Informationen und Links.
  • Detaillierte Informationen License finden Sie hier.
  • Erwerben Sie das Skript, wenn Ihre Anforderungen nicht erfüllt GPL Lizenzbestimmungen.