[Flash CS3] Bewegte Flash Galerie via Mouseover

[sanccez]

Hallo Leute :-)

ich hatte schon mal die ein oder andere Galerie in Flash
erstellt (noch nie mit AS) ... bin aber nun auf eine
gestoßen, welche wirklich Interessant aussieht, ich jedoch
gerne wissen würde, wie diese funktioniert...

Leider finde ich auch nirgends Tutorials zu dieser Galerie:

http://www.dogido.com/


hat jemand eine Ahnung, ob es zu dieser Galerie eine
Anleitung gibt (inkl. AS) ...

Ich wäre sehr dankbar dafür !!!


Liebe Grüße,
Alex

[nullidee]

Ist ja nix besonderes, eigentlich nur ein Laufband mit den Bildern.

Was mir da fehlt ist dass man die Bilder auch groß ansehen kann.

Suche mal nach "Laufband" oder "Yugp"

[STUFF] Sehr einfache Bilderleiste im Yugop-Style

[edit] Link berichtigt

[sunnySanta]

Moin,

sorry ich hab zwar keine Hilfe für dich, da ich anfänger bin, mich würde aber interessieren, wenn du da eine Lösung gefunden hast. Ich möchte selber auch gerne meine Bilder einstellen und die G. die du da gefunden hast ist echt total cool!!
Würde mich freuen wenn du mir da evtl helfen könntest!! Vielen Dank!

mailto: maximilian-proesch@googlemail.com

Liebe Grüße

[gaspode]

Zitat von sanccez

hat jemand eine Ahnung, ob es zu dieser Galerie eine Anleitung gibt

Meinst Du die unter Gallery oder die auf der Startseite?

gruß, gaspode

[nullidee]

wobei die unter "Gallery" ja nicht mal mit externen Bildern ist

Schau dir mal mein oben geposteten Link an, ist sogar vom Wunderhund

[sanccez]

Wow, das war echt hilfreich Nullidee... ;-) ... ich danke dir vielmals!!
Habe auch sobene eine eigene Galerie erstellt. Jetzt muss ich
nur noch zusehen, dass ich evtl. auch abstände passend anpassen
kann, damit ich horizontale, sowie auch vertikale Fotos reinsetzten
kann...

SunnySanta kann ich nur auch zu dem Link raten den mir
Nullidee gegeben hat ;-)

BZgl. Gaspode: Meinte ich auch die UnterGalerie... also ohne die Start-Navi-Galerie ;-)


Lieben Dank & freunldiche Grüße,
Alex

[sanccez]

Dank eurer Hilfe hat bisher auch alles "eigentlich" ganz gut geklappt...
jedoch habe ich nun Probleme beim Abstand von querformatigen Fotos

Siehe Beispiel:

http://www.planwerk9.de/galerie/index.html

--> Frau im Badeanzug auf grüner Wiese lässt sich nicht komplett anzeigen
da es durch sein querformat nicht die gleichen Maße hat wie die
hochformatigen Fotos.

Ich selbst kam bisher nur auf die Idee, dass man
hier irgendwas ändern müsste:

var imageCount:Number = 0;
var imageWidth:Number = 0;
var imageDistance:Number = 200; <--
var imageHolderWidth:Number = 0;


Wie stelle ich das aber so um, dass jedes Foto (egal welcher Größe),
den selben Abstand zum nächsten Foto hat, ohne das sie sich kreuzen?!


Danke im Vorraus für Antworten!!

Liebe Grüße,
Alex

[nullidee]

hab dir mal was angehängt, Bilder sollen im Ordner "data" sein, kennst du ja

[sanccez]

Wow, nocheinmal ein ganz großes Dankeschön an dich ;-) ... !!
Das ist genau das, was ich gesucht habe... und du hast es gefunden!! Respekt!!


LG,
Alex

[nullidee]

hab noch jede Menge altes Zeugs rumliegen

was noch fehlt:
bei Klick großes Bild anzeigen
ev. Spiegelung unten
das XML laden wieder reinmachen...

[grafo]

Hallo Nullidee,

habe auch Dein Script genommen, ist wirklich einfach und gut, aber sag, bei mir lädt er nicht die Bilder in der Reihenfolge hinein, sondern durcheinander, was könnte das sein?
Und kann ich die Bewegung auch langsamer machen, bei var speed = 12 tut sich nix wenn ich da einen anderen Wert eingebe.

Dank Dir Gruß Grafo

Habs, danke trotzdem, eine schöne einfache Animation. Das macht Spaß.

Zitat von nullidee

hab dir mal was angehängt, Bilder sollen im Ordner "data" sein, kennst du ja

[nullidee]

das war nur damit mehr Bilder reinladen,
musst natürlich die Zeile ohne random nehmen

PHP-Code:

for(var i=0; i<imageCount; i++)
{
    var clip = holder.createEmptyMovieClip("clip" + i, holder.getNextHighestDepth());
    clip.ID = i;
    //loadBitmapSmoothed("data/image" + (random(10)+1) + ".jpg", clip, hoehe);//die raus
    loadBitmapSmoothed("data/image" + (i+1) + ".jpg", clip, hoehe);//die nehmen
} 


ööhm, mit der Geschwindigkeit, da stimmt noch was nicht
mit der ganzen Berechnung da muss ich wohl noch ran

[nullidee]

öhm, auf ein Neues

der Einfachheit halber komplettes Script (mal Reflexion eingebaut)

PHP-Code:

import flash.display.*;

function loadBitmapSmoothed(url:String, target:MovieClip, h) {
    var bmc:MovieClip = target.createEmptyMovieClip("bmc", target.getNextHighestDepth());
    var mc1:MovieClip = target.createEmptyMovieClip("mc1", target.getNextHighestDepth());
    var maske_mc = target.attachMovie("mask_mc", "maske_mc", target.getNextHighestDepth());
    var listener:Object = new Object();
    listener.tmc = target;
    listener.onLoadInit = function(mc:MovieClip) {
        mc._visible = false;
        
        if(mc._height>mc._width){
                mc.h_faq = mc._height/h;
                mc.w_faq = 100/mc.h_faq;
            }
            if(mc._height<mc._width){
                mc.h_faq = mc._height/h;
                mc.w_faq = 100/mc.h_faq;
            }
            
        var bitmap:BitmapData = new BitmapData(mc._width, mc._height, true, 0x00000000);
        this.tmc.mc1.attachBitmap(bitmap, this.tmc.getNextHighestDepth(), "auto", true);
        bitmap.draw(mc);
            this.tmc._height = Math.round(h);
            this.tmc._xscale = Math.round(mc.w_faq);
            
            var mc2 = target.createEmptyMovieClip("mc2", 5);
            mc2._y = Math.round((mc._y + mc._height*2) + abstand);
            mc2._yscale = -100;
            maske_mc._y = Math.round(mc._y + mc._height + abstand);
            maske_mc._width = mc._width;
            maske_mc._height = mc._height;
            maske_mc.cacheAsBitmap = true;
            mc2.cacheAsBitmap = true;
            mc2.setMask(maske_mc);
            var bitmap2:BitmapData = bitmap.clone(); 
            mc2.attachBitmap(bitmap2, mc2.getNextHighestDepth(), "auto", true);
            bitmap2.draw(mc2);
            this.tmc.mc1.onRelease = function(){
            }
            init();
    };
    var loader:MovieClipLoader = new MovieClipLoader();
    loader.addListener(listener);
    loader.loadClip(url, bmc);
}
/*Daten in der init.txt - rausgenommen
&xpos=10
&ypos=100
&hoehe=500
&breite=600
&imageCount=10
&imageWidth=100
*/
var xpos = 10;
var ypos = 100;
var hoehe = 200;
var breite = 600;
var imageCount = 41;
var imageWidth=100;
var abstand = 5;
var speed = .05;
var ruhe_bereich = 50;//ergibt mittig 100 Pixel ohne Scroll
var holder = this.createEmptyMovieClip("holder", this.getNextHighestDepth());
holder._x = xpos;
holder._y = ypos;
for(var i=0; i<imageCount; i++)
{
    var clip = holder.createEmptyMovieClip("clip" + i, holder.getNextHighestDepth());
    clip.ID = i;
    loadBitmapSmoothed("data/image" + (random(10)+1) + ".jpg", clip, hoehe);//nur mal als random
//    loadBitmapSmoothed("data/image" + (i+1) + ".jpg", clip, hoehe);
}
holder.onEnterFrame = function(){
    if(_xmouse<(Stage.width/2)-ruhe_bereich){
        this._x = this._x + (Stage.width/2 - _xmouse) * speed;
        this._x = Math.round(this._x);
    }
    if(_xmouse>(Stage.width/2)+ruhe_bereich){
        this._x = this._x + (Stage.width/2 - _xmouse) * speed;
        this._x = Math.round(this._x);
    }
    if(this._x>=0) this._x = 0;
    if(this._x<-(this._width-Stage.width)) this._x = -(this._width-Stage.width);
    updateAfterEvent();
}
function init(){
    for(var n=1; n<imageCount; n++){
        _root.holder["clip"+n]._x = _root.holder["clip" + (n-1)]._x + _root.holder["clip" + (n-1)]._width + abstand;
    }
    _root.holder._x = -(_root.holder._width-Stage.width)/2;
} 


[grafo]

Das ist prima, habe die Transparenz der Spiegelung noch verringert.
Sieht super aus, wenn meine Seite fertig ist dann sende ich Dir mal nen Link.

Grafo

[nullidee]

nix zu dankööön

ist ja nochn bischen Arbeit, vielleicht noch die Bilderbeschreibung und Namen aus XML laden etc.