PDA

Vollständige Version anzeigen : Diashow

Xenon
08.02.2008, 19:22
Hallo
ich möchte eine art diashow machen und sollte inetwa so aussehen ,
bild 1 -> wechsel nach 2 sec
bild 2 -> wechsel nach 10 sec
bild 3 -> wechsel nach 3 sec
bild 4 -> wechsel nach 7 sec

geht es überhaupt mit php oder geht es z.b. nur mit javascript ?


ich währe dankbar für die hilfe :thumbsup:

mfg
adi :ihih:
Hardy
08.02.2008, 21:49
Ist Java Script
ich schätze mal ist klar was zu ändern ist?
unter pic immer die jeweilige url eintragen.
kann auch beliebig viel erweitert werden mit fortlaufenden zahlen.


<script>

var slideShowSpeed = 8000 // Dauer des Bildwechsels in Millisekunden (hier 3 Sekunden)

var crossFadeDuration = 3 // Dauer des Bildübergangs

var Pic = new Array()

// Hier die Bildadressen rein, erweiterbar !

Pic[0] = 'http://www.url.de/Bild-001.jpg'

Pic[1] = 'http://www.url.de/Bild-002.jpg'

Pic[2] = 'http://www.url.de/Bild-003.jpg'

Pic[3] = 'http://www.url.de/Bild-004.jpg'

Pic[4] = 'http://www.url.de/Bild-005.jpg'

// ab hier nichts mehr verändern !!


var jj = 0
var p = Pic.length
var preLoad = new Array()

for (ii = 0; ii < p; ii++){

preLoad[ii] = new Image()
preLoad[ii].src = Pic[ii]

}

function runSlideShow(){

if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply ()
}
document.images.SlideShow.src = preLoad[jj].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play( )
}

jj = jj + 1
if (jj > (p-1)) jj=0

t = setTimeout('runSlideShow()', slideShowSpeed)

}

</script>
Xenon
09.02.2008, 12:13
Funkioniert Leider nicht : siehe http://adi.vms1.de/diashow.html
Gremlin
09.02.2008, 13:54
Adi, der pure JS Code bringt auch nichts du brauchst erstmal noch ein ordentliches HTML Gerüst mit <head> <body> etc.pp. und dann musst du natürlich im body Teil noch ein Bild einfügen (das was zuerst angezeigt werden soll, ebenso muss ins body Tag noch ein onLoad="runSlideShow();"

Gruß
Gremlin
Xenon
09.02.2008, 15:26
hmm das html gerüst wollte ich eig machen wenn es fertig war und es funkionierte , oder funkioniert das nur mit dem html ? UNd wie meinst du das mit dem ersten bild , kannst du mir z.b. den quellcode machen bzw zeiegn ?? mfg adi
jpwfour
11.02.2008, 18:21
benutze doch automatische slideshow generatoren:
http://www.barelyfitz.com/projects/slideshow/