Hallo Leute,
das letzte mal wurde mir hier im Forum sehr nett weitergeholfen, ich hoffe, dass das diesmal wieder klappt
ich habe eine javascript diashow gebastelt, das ganze funktioniert auch klasse, nur wenn ich das dann auf den Webserver hochlade, braucht jedes Foto erst mal ein paar Sekunden Ladezeit. Nichts leichter als das, dachte ich mir. Schöne preload funktion rein und erst die Diashow starten wenn alle Bilder im Cache sind:
hier mal mein quelltext:
Code:
bilder = new Array();
function preload_img()
{
var img_list = preload_img.arguments;
for(var i=1; i < img_list.length; i++) {
bilder[i] = new Image();
bilder[i].src = img_list[i];
}
preload_check();
}
function preload_check()
{
for(var i=1; i < bilder.length; i++) {
if(bilder[i].complete == false) {
setTimeout('preload_check()', 100);
return;
}
}
start();
}
preload_img(false,
'1.jpg',
'2.jpg',
'3.jpg'
);
und hier der Rest, der eigentlich schon klasse funktioniert:
Code:
var naechstesBild = 0;
var verzoegerung = 6000;
var stat = 0;
var id="";
function start() {
if (stat == 0) {
stat = 1;
id = setTimeout("animation();", verzoegerung);
document.stat.src = "images/pause.png";
return;
}
if (stat == 1) {
stat = 0;
clearTimeout(id);
document.stat.src = "images/play.png";
}
}
function animation() {
document.dia.src = bilder[naechstesBild];
naechstesBild++;
if (naechstesBild==bilder.length) {
naechstesBild = 0;
}
id = setTimeout("animation();", verzoegerung);
}
function vor() {
if(stat==1){
stat = 0;
clearTimeout(id);
document.stat.src = "images/play.png";
}
document.dia.src = bilder[naechstesBild];
naechstesBild++;
if (naechstesBild==bilder.length) {
naechstesBild = 0;
}
}
function zurueck() {
if(stat==1){
stat = 0;
clearTimeout(id);
document.stat.src = "images/play.png";
}
naechstesBild -= 2;
if (naechstesBild == -2) {
naechstesBild = bilder.length - 2;
}
else if (naechstesBild == -1) {
naechstesBild = bilder.length - 1;
}
document.dia.src = bilder[naechstesBild];
naechstesBild++;
if (naechstesBild==bilder.length) {
naechstesBild = 0;
}
}
ich weiss, dass das ne verdammte menge code ist, wäre aber schön wenn sich jemand damit befassen könnte, wie gesagt, der untere code ist nur zum checken da, alleine funktioniert der schon gut. Wer sich die Diashow in komplett schonmal ansehen möchte:
Diashow
ich bin für JEDE hilfe dankbar !!
