tutorials.de Buch-Aktion 05/2012
Seite 1 von 3 123 LetzteLetzte
ERLEDIGT
JA
ANTWORTEN
37
ZUGRIFFE
11695
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    jackassol jackassol ist offline Mitglied Brokat
    Registriert seit
    Feb 2005
    Beiträge
    296
    Hallo!


    Ich hab da eine schöne bilder slideshow (hier) gefunden.......wie macht man denn das, das immer bei dem Bildwechsel die weiße Fläche darunter mitgeht?

    Kennt jemand so eine gallerei zum freien download? Oder kennt jemand den AS-Code für so etwas? Oder hat jemand ne Bsp.-Datei?


    mfg
     
    wenn is dann is wenn nie is dann is trotzdem

  2. #2
    Registriert seit
    Jan 2002
    Ort
    Stuttgart
    Beiträge
    1.911
    Theoretisch so:
    - Eine weiße Fläche als Movieclip mit Bezugspunkt in der Mitte
    - Bilder werden in einen Container nachgeladen, dessen Bezugspunkt liegt in der Mitte der weißen Fläche.
    - der Ladezustand des Bilds (im Grunde via Preloader) wird überprüft und sobald geladen, Höhe und Breite des Bilds ausgelesen.
    - An diese Größe wird das weiße Feld angepasst (plus paar Pixel in der Breite und Höhe für den Rand
    - Der Bildcontainer wird an die richtige Position gesetzt -> um die Hälfte der ausgelesenen Bildbreite bzw.- höhe nach links und nach oben.

    Beispiel/Script/Tutorial dafür hab ich nicht aber das Prinzip sollte den einen oder anderen Ansatz für eigene Versuche geben.

    Gruß
    Rena
     
    Kein Support via PN oder Mail ... dafür ist ja das Forum da. :)

  3. #3
    jackassol jackassol ist offline Mitglied Brokat
    Registriert seit
    Feb 2005
    Beiträge
    296
    ok dann kann ich das vergessen...hab nehmlich nich sone erfahrung in AS.....alles über die zeitleiste(via Tween) würde gehen aber ist nich das was ich will!


    Vielleicht hat ja doch noch jemand ein Bsp
     
    wenn is dann is wenn nie is dann is trotzdem

  4. #4
    Registriert seit
    Jan 2002
    Ort
    Stuttgart
    Beiträge
    1.911
    Naja - über Tween auf der Zeitleiste geht das natürlich auch:
    - in einer Ebene dein weißes Feld tweenen (Höhe/Breite),
    - in der anderen die Bilder (Alpha)
    Beides leicht versetzt, also erst weißes Feld, dann Bild einblenden.

    Vorwärts/rückwärts steuern dann z.B. so
    http://www.tutorials.de/forum/flash-...abspielen.html
    (zweiter Beitrag dort)
    Ist zwar noch Flash 5-Syntax, sollte aber dennoch einigermaßen funktionieren.
    Oder eben anpassen

    Die Galerie ist dann aber ziemlich statisch, also nichts mit externen Bildern.
    Und je nach Menge auch relativ groß aber man muss ja gerade bei einer linearen Steuerung auch nicht alles vorladen.

    Gruß
    Rena

    PS: Hatte dich glaub falsch verstanden - willst ja grad dies nicht.
     
    Kein Support via PN oder Mail ... dafür ist ja das Forum da. :)

  5. #5
    jackassol jackassol ist offline Mitglied Brokat
    Registriert seit
    Feb 2005
    Beiträge
    296
    naja das ist dann zu groß ...hast recht...kannst du nich mal schnell eine bsp datei machen
    (per AS)?
    NUr den anfang ...rest mach ich dann alleine (damit ich weiß wie)
    Wäre echt cool!
     
    wenn is dann is wenn nie is dann is trotzdem

  6. #6
    Registriert seit
    Jan 2002
    Ort
    Stuttgart
    Beiträge
    1.911
    Ne, sorry ... da fehlt mir die Zeit. Auch ich müßte das erstmal austüfteln.
    Darüber hinaus wäre bei obigem Ansatz der Anfang eigentlich schon das Ganze.

    Aber fang doch einfach mit Teilschritten an - z.B. Bilder einladen, Ladezustand prüfen,
    Größen auslesen. Dazu brauchst du loadMovie, einen Preloader und die Movieclip-
    Eigentchaften _width und _height. Wenn das dann klappt, dann der nächste Schritt.
    So lernt man übrigens auch viel mehr - zumindest hab ich so gelernt ... und lerne noch
    immer.

    Gruß
    Rena
     
    Kein Support via PN oder Mail ... dafür ist ja das Forum da. :)

  7. #7
    Registriert seit
    Mar 2004
    Ort
    Basisrealität
    Beiträge
    12.118
    Blog-Einträge
    7
    Hi,

    ich habe Dir mal eben ein kleines Beispiel fertig gemacht (die Bilder werden einfach aus einem Array entnommen und nacheinander eingeblendet). Bei mir schauts so aus: Zeit, mal eben so was runterzutippen ist da, das ganze dann ausfühlich zu kommentieren eher weniger. Vielleicht bringt es Dir ja schon was, ein wenig durch den Quelltext zu schauen - bei weiteren Fragen stehe ich - sofern Zeit ist - gerne zur Verfügung.

    Gruß
    .
    Angehängte Dateien Angehängte Dateien
     

  8. #8
    jackassol jackassol ist offline Mitglied Brokat
    Registriert seit
    Feb 2005
    Beiträge
    296
    Nja bringen ja....aber komm gleich beim ersten Hinderniss nicht weiter...Könntest du mal bitte die Datei so ändern, das es wenigstens ein Bild lädt?(vielleicht sogar.....beim klick das nächste?)......bei mir passiert nix.....
     
    wenn is dann is wenn nie is dann is trotzdem

  9. #9
    Registriert seit
    Mar 2004
    Ort
    Basisrealität
    Beiträge
    12.118
    Blog-Einträge
    7
    Hi,

    in der ersten Zeile auf der Hauptzeitleiste steht:
    Code :
    1
    
    var images = new Array("bild1.jpg", "bild2.jpg", "bild3.jpg"); // Pfade zu den Bildern
    Hast Du die Pfade und Bildnamen denn richtig angegeben?

    In meinem Beispiel werden die Bilder jeweils nach einem bestimmten Zeitintervall geladen, nicht bei einem Klick. Diese Änderung wäre allerdings nur eine Kleinigkeit. Eine entsprechend geänderte Version liegt bei.

    Gruß
    .
    Angehängte Dateien Angehängte Dateien
     

  10. #10
    jackassol jackassol ist offline Mitglied Brokat
    Registriert seit
    Feb 2005
    Beiträge
    296
    ok....hast mal wieder sehr sehr sehr fein gemacht....nur......jetzt will ich das das erste bild von alleine lädt...nur wie hab mir gedacht so ungfähr(siehe code).......


    aber das heut nich hin


    PHP-Code:
    var images = new Array("bild1.jpg""bild2.jpg""bild3.jpg");

    function 
    loadFirst() {
        
    current ++;
        if (
    current >= images.lengthcurrent 0;
        
    container.loadImg(images[current]);
        }
        
    function 
    showNext() {
        
    current ++;
        if (
    current >= images.lengthcurrent 0;
        
    container.loadImg(images[current]);
    }

    container.onRelease = function() {
        
    showNext();

     
    wenn is dann is wenn nie is dann is trotzdem

  11. #11
    Registriert seit
    Mar 2004
    Ort
    Basisrealität
    Beiträge
    12.118
    Blog-Einträge
    7
    Es bringt nichts, eine Funktion "showFirst" zu definieren, die Du nirgenwo aufrufst.

    Rufe lieber die Funktion "showNext" einmal am Anfang ohne Buttonklick auf:
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    
    var images = new Array("bild1.jpg", "bild2.jpg", "bild3.jpg");
     
    var current = -1;
     
    function showNext() {
        current ++;
        if (current >= images.length) current = 0;
        container.loadImg(images[current]);
    }
     
    container.onRelease = function() {
        showNext();
    }
     
    showNext(); // <<-- hier!

    Gruß
    .
     

  12. #12
    jackassol jackassol ist offline Mitglied Brokat
    Registriert seit
    Feb 2005
    Beiträge
    296
    was bedeutet dabei das...? Was sagt das denn aus?

    PHP-Code:
    var current = -1
    Das hab ich mir auch so gedacht..nur wie geht das?Dann müsste ich doch das ändern....

    PHP-Code:
    container.onRelease = function() {
        
    showNext(); 
    aber wie?So?
    PHP-Code:
    container.(was kommt hier danach?) = function() {
        
    showNext(); 
     
    wenn is dann is wenn nie is dann is trotzdem

  13. #13
    Registriert seit
    Mar 2004
    Ort
    Basisrealität
    Beiträge
    12.118
    Blog-Einträge
    7
    Die Variable "current" setze ich zu Anfang auf -1, damit beim ersten Aufruf von "showNext" das erste Bild (Index = 0) angezeigt wird: "current" wird ja vor dem Aufruf von "container.loadImg" hochgezählt, und hat dann beim ersten Aufruf den Wert 0 (und so soll es auch sein).

    Die Funktion "container.onRelease" musst Du nicht ändern - wieso auch? Du willst doch nach wie vor, dass Du mit einem Klick zum nächsten Bild kommst. Oder habe ich Dich da falsch verstanden?

    Gruß
    .
     

  14. #14
    jackassol jackassol ist offline Mitglied Brokat
    Registriert seit
    Feb 2005
    Beiträge
    296
    ne ne das stimmt schon....Will ja nur das ,das erste Bild von alleine lädt...

    Mein Ziel ist es am Ende....eien gallerie hinzubekommen....mit Miniatur-Ansicht....aber das wird bestimmt schwer oder?
     
    wenn is dann is wenn nie is dann is trotzdem

  15. #15
    Registriert seit
    Mar 2004
    Ort
    Basisrealität
    Beiträge
    12.118
    Blog-Einträge
    7
    [..] aber das wird bestimmt schwer oder?
    Einfach ist es - für Anfänger - zumindest nicht. Wenn Du aber in Grundzügen verstanden hast, wie Objekte interagieren und Funktionen verwendet werden, kannst Du Dir eine der vielen hier im Forum und auf meiner Seite geposteten Galerien mit dieser Bildanzeige erweitern. Im Prinzip musst Du nur die jeweilige Vollansicht mit dieser hier ersetzen und das Verhalten entsprechend anpassen (meist geht es nur darum, ein oder zwei Funktionen umzubenennen).

    Eine komplette Lösung will ich im Rahmen dieses Forums nicht posten - das wäre nicht Sinn der Sache - aber wenn Du es selbst probierst, stehe ich mit Rat gerne zur Seite. Liegt Dir an einer lauffähigen Komplettlösung, wäre das Job-Forum eine Anlaufstelle - für einen entsprechenden Obulus mach ich Dir so ein Ding auch gerne fertig.

    Gruß
    .
     

Ähnliche Themen

  1. Antworten: 7
    Letzter Beitrag: 20.09.10, 17:27
  2. Problem mit FX.Slide Bild für "toggle" und änderbar
    Von dwex im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 17.11.09, 08:41
  3. Antworten: 6
    Letzter Beitrag: 08.08.09, 22:45
  4. Antworten: 6
    Letzter Beitrag: 23.01.09, 07:32
  5. Wie macht man diesen "Effekt" (MarkOver?)
    Von Eiszwerg im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 03.05.06, 23:17