Galerie mit fliessenden Übergängen Preloaden?

[jego]

hallo zusammen,

nettes script. Nur hab ich da irgendwo noch ein Verständnis problem.

PHP-Code:

var tl = this;
var i = -1;  // hier wird die var i gesetzt.

var anz = 4;
var bildpause = 5;

tl.createEmptyMovieClip("watcher", 0);
tl.createEmptyMovieClip("loader1", 1);
tl.createEmptyMovieClip("loader2", 2);
function nextPic() {
    i = i<anz ? ++i : 0;   // hier wird die var i nach durchlauf auf 0 zuück gesetzt. 
    clearInterval(tl.iv);
    if (mc != tl.loader1) {
        mc = tl.loader1;
    } else {
        mc = tl.loader2;
    }
    mc._alpha = 0;
    mc.swapDepths(2);
    mc.loadMovie("image"+i+".jpg");
    tl.watcher.onEnterFrame = function() {
        if (mc.getBytesLoaded()>=mc.getBytesTotal() && mc.getBytesLoaded()>4) {
            if (mc._alpha<100) {
                mc._alpha += 1;
            } else {
                delete this.onEnterFrame;
                tl.iv = setInterval(nextPic, bildpause*1000);
            }
        }
    };
}
// 
nextPic(); 


laut der if sollte doch der Fader durchlaufen. Soll heißen, nach dem letzten Bild wieder beim ersten anfangen. Oder versteh ich das falsch?

LG Jego

Hat sich erledigt, hab meinen Fehler gefunden.

[sue007]

Hallo,
Gibt es eine Möglichkeit, dieses wunderbare Script dahingehend zu verändern, dass jedes Bild mit einer Verlinkung versehen wird?

Ich habe hier die Variante mit den ausgelagerten Bilddateien in einer XML

PHP-Code:

xmli = new XML();
xmli.ignoreWhite = true;
xmli.load("img.xml");
xmli.onLoad = function(status) {
    if (status && this.loaded) {
        anz = xmli.firstChild.childNodes.length;
        nextPic();
    }
};
var tl = this;
var i = -1;
// 
var bildpause = 1;
// 
tl.createEmptyMovieClip("watcher", 0);
tl.createEmptyMovieClip("loader1", 1);
tl.createEmptyMovieClip("loader2", 2);
function nextPic() {
    i = i<anz-1? ++i : 0;
    clearInterval(tl.iv);
    if (mc != tl.loader1) {
        mc = tl.loader1;
    } else {
        mc = tl.loader2;
    }
    mc._alpha = 0;
    mc.swapDepths(2);
    mc.loadMovie(xmli.firstChild.childNodes[i].attributes.pic);
    tl.watcher.onEnterFrame = function() {
        if (mc.getBytesLoaded()>=mc.getBytesTotal() && mc.getBytesLoaded()>4) {
            if (mc._alpha<100) {
                mc._alpha += 5;
            } else {
                delete this.onEnterFrame;
                tl.iv = setInterval(nextPic, bildpause*1000);
            }
        }
    };
} 


Die XML-Datei:

PHP-Code:

<?xml version="1.0" encoding="iso-8859-2"?>
<Bilder>
<Bild pic="bild0.jpg"></Bild>
<Bild pic="bild1.jpg"></Bild>
<Bild pic="bild2.jpg"></Bild>
</Bilder>

[jeypack]

PHP-Code:

xmli = new XML();
xmli.ignoreWhite = true;
xmli.load("img.xml");
xmli.onLoad = function(status) {
    if (status && this.loaded) {
        anz = xmli.firstChild.childNodes.length;
        nextPic();
    }
};

var tl = this;
var i = -1;
var bildpause = 1;

tl.createEmptyMovieClip("watcher", 0);
tl.createEmptyMovieClip("loader1", 1);
tl.createEmptyMovieClip("loader2", 2);

function nextPic() {
    i = i < anz - 1? ++i : 0;
    clearInterval(tl.iv);
    if (mc != tl.loader1) {
        mc = tl.loader1;
    } else {
        mc = tl.loader2;
    }
    
    mc._alpha = 0;
    mc.swapDepths(2);
    mc.loadMovie(xmli.firstChild.childNodes[i].attributes.pic);
    tl.watcher.onEnterFrame = function() {
        if (mc.getBytesLoaded() >= mc.getBytesTotal() && mc.getBytesLoaded() > 4) {
            if (mc._alpha < 100) {
                mc._alpha += 5;
            } else {
                delete this.onEnterFrame;
                // Release Event mit der gewünschten URL anlegen
                initPic(mc, xmli.firstChild.childNodes[i].attributes.url);
                tl.iv = setInterval(nextPic, bildpause * 1000);
            }
        }
    };
}

function initPic(clip, url) {
    // Link zuweisen
    clip.url = url;
    clip.onRelease = function() {
        getURL(this.url, "_blank");
    };
} 


XML:

PHP-Code:

<?xml version="1.0" encoding="iso-8859-2"?>
<Bilder>
     <Bild pic="bild0.jpg" url="http://www.flashforum.de" />
     <Bild pic="bild1.jpg" url="http://www.flashforum.de" />
     <Bild pic="bild2.jpg" url="http://www.flashforum.de" />
</Bilder>

[sue007]

Klasse!
Danke, Jey

[Herzenslicht]

@ "Der Frager",
da das Skript von Dir kommt,
stelle ich Dir die Frage auch direkt.

Laden und einblenden(überblenden) von Dir :

PHP-Code:

var tl = this;
var i = -1;
var anz = 4;
// Aanzahl Bilder
var bildpause = 2;
// Pause zwischen dem Laden
tl.createEmptyMovieClip("watcher", 0);
tl.createEmptyMovieClip("loader1", 1);
tl.createEmptyMovieClip("loader2", 2);
function nextPic() {
    i = i<anz ? ++i : 0;
    clearInterval(tl.iv);
    if (mc != tl.loader1) {
        mc = tl.loader1;
    } else {
        mc = tl.loader2;
    }
    mc._alpha = 0;
    mc.swapDepths(2);
    mc.loadMovie("image"+i+".jpg");
    tl.watcher.onEnterFrame = function() {
        if (mc.getBytesLoaded()>=mc.getBytesTotal() && mc.getBytesLoaded()>4) {
            if (mc._alpha<100) {
                mc._alpha += 5;
            } else {
                delete this.onEnterFrame;
                tl.iv = setInterval(nextPic, bildpause*1000);
            }
        }
    };
}
// 
nextPic(); 


Nun habe ich 2 Fragen.

1.)
ich möchte gerne, dass das einzublendende Bild im Laufe des Einblendens größer wird.

2.)
Ich habe 5 Bilder im MENUE.
Wenn ich eines dieser Bilder anklicke,
so soll dieses sofort als nächstes angezeigt werden.

Anbei das Beispiel.
Jedoch habe ich im Menue nur 5 Bilder.

Beispiel

Alle verwendeten Daten:
hier

[hrsflash]

ich will dem "Frager" nicht vorgreifen, aber mach doch aus einem .jpg eine .swf in der das bild mit as langsam scaliert.