Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

m.friedli · 23-11-2009, 10:47

Ich bin dabei die Dinamische Bildergallerie von Holger (Beispiel 9) zu konfigurieren. http://www.flashforum.de/forum/progr...-a-262589.html

Erstmal möchte ich mich mit dem projekt Schuepfen befassen
Das PHP Script hab ich inklusiven Fotos 1.jpg, 2.jpg, 3.jpg, 4.jpg in den Ordner gelegt!

Hier das PHP Script (folder_auslesen.php)

PHP-Code:

  <?php

   $path = stripslashes($_POST["http://www.architektur-friedli.ch/images/projekte/schuepfen/"]);//Pfadangabe des Ordners

   $handle = opendir ($path);//Oeffnen des Ordners

       

   //alle Einträge auslesen 

   while ($file = readdir ($handle)) {

      if ($file != "." && $file != ".."){

         $fileArray[] = $file;

      }

   }

   closedir($handle);

   asort($fileArray);//Liste sortieren

    

   //Ausgabe für den Flashfilm vorbereitem

   echo "liste=";

   foreach($fileArray as $row) {

      echo $row.',';

   }

?>

Hier das AS3 vom Flash wird in AS3 exportiert

PHP-Code:

  //Stufe 9: Nachladen mehrerer Bilder in einen MC

//zwischen den Bildern über Thumbnail-MCs wechseln

//mit Rahmen und Schatten

//Thumbnail-MC lässt sich scrollen

//Bilderliste wird dynamisch per LoadVars-Klasse über ein PHP-Script nachgeladen

 
import mx.transitions.*;

import flash.filters.DropShadowFilter;

 
//leeren MC erstellen

this.createEmptyMovieClip("con",1);

 
//und zwei weitere MCs einbetten

var border_mc:MovieClip = con.createEmptyMovieClip("border_mc",1);

var image_mc:MovieClip = con.createEmptyMovieClip("image_mc",2);

 
//zuerst transparent setzen

this.con._alpha = 0;

 
//Zähler

var index:Number = 0;

 
 
function geladen(erfolgreich) {

    if(erfolgreich) {

        trace("empfangene Variable: "+this.liste);

        this.liste = this.liste.substring(0,this.liste.length-1);

        //Liste der Bilder

        _root.urls = this.liste.split(",");

        //_root.dtx.text += "\nListe="+_root.urls;//zum testweisen Ausgeben der Liste

        

        //Anzahl der Bilder ermitteln über Länge des Arrays

        _root.len = _root.urls.length;

        

        //jetzt erst die Bilder laden:

        _root.startLoader();

    }

    else {

            trace("Fehler beim Laden");

    }

}

lv = new LoadVars();//Instanz erstellen

lv.path = "http://www.architektur-friedli.ch/images/projekte/schuepfen/";//Foldernamen an das PHP-Script weiterleiten

lv.onLoad = geladen;//Callback setzen

lv.sendAndLoad("http://www.architektur-friedli.ch/images/projekte/schuepfen/folder_auslesen.php",lv,"POST");//und den Request starten 

 
 
 
 
//mit dem Dropshadowfilter einen Schlagschatten erzeugen

function shadows(obj){

    var distance:Number = 0;

    var angleInDegrees:Number = 90;

    var color:Number = 0x000000;

    var alpha:Number = .9;

    var blurX:Number = 8;

    var blurY:Number = 8;

    var strength:Number = 1;

    var quality:Number = 3;

    var inner:Boolean = false;

    var knockout:Boolean = false;

    var hideObject:Boolean = false;

    

    var filter:DropShadowFilter = new DropShadowFilter(distance,angleInDegrees,color,alpha,blurX,blurY,strength,quality,inner,knockout,hideObject);

    var filterArray:Array = new Array();

    filterArray.push(filter);

    obj.filters = filterArray;

}

 
//ein Rechteck zeichnen für bspw. Bilderrahmen oder Masken

function rechteck(obj,hg,x1,x2,y1,y2,gef,ls,alph){

    with (obj){

        clear();

        if(gef==1){

            beginFill(hg, alph);

            moveTo(x1, y1);

            lineTo(x2, y1);

            lineTo(x2, y2);

            lineTo(x1, y2);

            lineTo(x1, y1);

            endFill();

            

        }

        else{

            ls = (ls == undefined || ls == 0) ? 2 : ls;

            lineStyle(ls,hg,100 );//ls = Linienstärke

            moveTo(0,0);

            lineTo(x2,0); 

            lineTo(x2,y2);

            lineTo(0,y2);

            lineTo(0,0);

        }

    }

}

 
 
function startLoader(){

    //leeren MC für Thumbnail-Leiste erstellen

    _root.createEmptyMovieClip("thumbs",_root.getNextHighestDepth());

    _root.thumbs._x = 50;

    _root.thumbs._y = Stage.height - 150;

        

    //Masken-MC erstellen

    _root.createEmptyMovieClip("maske",_root.getNextHighestDepth());

    _root.maske._x = _root.thumbs._x+50;

    _root.maske._y = _root.thumbs._y;

    _root.rechteck(maske,"0xFFFFFF",0,510,0,150,1,0,100);

    

    //Maske setzen

    _root.thumbs.setMask(maske);

    

    //2 MCs mit Schaltflächen zur Steuerung erstellen

    _root.createEmptyMovieClip("zurueck_mc",_root.getNextHighestDepth());

    _root.createEmptyMovieClip("weiter_mc",_root.getNextHighestDepth());

    

    //positionieren

    zurueck_mc._y = weiter_mc._y = Stage.height - 100;

    weiter_mc._x = Stage.width - 25;

    

    //zwei fertige Grafiken attachen

    zurueck_mc.attachMovie("zurueck_mc","zurueck_mc",1);

    weiter_mc.attachMovie("weiter_mc","weiter_mc",1);

    

    //und aus den Mcs Schaltflächen machen

    zurueck_mc.onRelease = function(){

        trace("Klick auf zurück");

        _root.thumbs._x -= 250;

    }

    

    weiter_mc.onRelease = function(){

        trace("Klick auf weiter");

        _root.thumbs._x += 250;

    }

    

    

    //Liste der MCs im MC "thumbs" erstellen

     _root.mcs  = new Array();

    

    //leere MCs erzeugen

    for(var i=0;i<_root.len;i++){

       _root.mcs.push(_root.thumbs.createEmptyMovieClip("con"+i,_root.thumbs.getNextHighestDepth()));

       _root.thumbs["con"+i]._x = (i*250 +80);//nebeneinander positionieren

       _root.thumbs["con"+i].ID = i;//Zähler merken

    }

 
    //Lauscher und MovieClipLoader-Instanz für die Thumbs erstellen

    _root.mclListener = new Object();

    _root.mcLoader = new MovieClipLoader();

    _root.mcLoader.addListener(_root.mclListener);

    

    //Lauscher und MovieClipLoader-Instanz für die großen Bilder erstellen

    _root.mclListener2 = new Object();

    _root.mcLoader2 = new MovieClipLoader();

    _root.mcLoader2.addListener(_root.mclListener2);

    

    //das erste große Bild laden

    _root.mcLoader2.loadClip("http://www.architektur-friedli.ch/images/projekte/schuepfen/"+_root.urls[0], _root.con.image_mc);

    

    //großes Bild ist geladen und MC wurde befüllt:

    _root.mclListener2.onLoadInit = function(mc:MovieClip) {

        

        _root.rechteck(_root.con.border_mc,"0xFFFFFF",0,mc._width+20,0,mc._height+20,1,0,100);

        _root.con.image_mc._x = 10;

        _root.con.image_mc._y = 10;

        

        //MC auf die Bühnen-Mitte setzen:

        _root.con._x = int((Stage.width - _root.con._width)/2);

        _root.con._y = int((Stage.height - _root.con._height)/2)-40;

        _root.shadows(_root.con);

        _root.fader(_root.con,true);

        

    }

    

    //und den ersten Thumb laden

    _root.mcLoader.loadClip("http://www.architektur-friedli.ch/images/projekte/schuepfen/"+_root.urls[index], _root.mcs[_root.index]);

    

    //Thumb ist geladen und MC wurde befüllt:

    _root.mclListener.onLoadInit = function(mc:MovieClip) {

        //trace("fertig, beladen wurde "+mc);

        mc.ID = _root.index;//index als MC-Variable merken

        

        _root.index++;

           if (_root.index < _root.len) {//sind noch weitere zu laden?

           _root.mcLoader.loadClip("http://www.architektur-friedli.ch/images/projekte/schuepfen/"+_root.urls[_root.index], _root.mcs[_root.index]);

           }

        

        

        mc.onRelease = function(){

            trace("this="+this);

            trace("this.ID="+this.ID);

            

            _root.index = this.ID;

            

            //aktuelles Bild ausblenden

            _root.fader(_root.con,false);

        }

    }  

}

 
function fader(mc,blende){

   //mc ist das ein- oder auszublendende Objekt

   //blende ist true oder false, d.h. blendet ein oder aus

   

   //während des Fadens die Schaltflächen sperren

   _root.thumbs.enabled = false;

      

    if(blende){

      //einblenden von alpha=0 bis alpha=100 in 0,6 Sekunden

      var tw1:Tween = new Tween(mc, "_alpha", mx.transitions.easing.None.easeNone, 0, 100, 0.6, true);

      tw1.onMotionFinished = function() {//wenn ausblenden beendet...

        _root.thumbs.enabled = true;

      }

   }

   else{//ausblenden

      var tw2:Tween = new Tween(mc, "_alpha", mx.transitions.easing.None.easeNone, 100, 0, 0.6, true);

      tw2.onMotionFinished = function() {//wenn ausblenden beendet...

        _root.folgefilm();//nächsten Film laden und einblenden

      }

   }

}

 
 
function folgefilm(){

    _root.mcLoader2.loadClip("http://www.architektur-friedli.ch/images/projekte/schuepfen/"+_root.urls[_root.index], _root.con.image_mc);

    //_root.mcLoader2.loadClip("pics-gr/"+_root.urls[_root.index], _root.con);

    

}

this.stop();  

 
__________________

Nun wenn ich die Index.html ausprobiere lät es mir die Fotos gar nicht in die FLA.

rudi66 · 23-11-2009, 11:37

Wenn die PHP - Datei crasht, kommen auch keine Bilder an in Flash:
http://www.architektur-friedli.ch/im...r_auslesen.php

Das ist aber auch nicht AS 3 - Syntax:
_root.thumbs._x = 50;

Erstmal ueberall trace() einbauen, man weiss ja gar nicht,
was überhaupt funktioniert...

m.friedli · 24-11-2009, 08:57

Ich habe es tatsächlich geschafft!

Nun möchte ich die Lücke zwischen den Tumbs verringern!
Kann mir da jemand weiterhelfen? Ich finde den Befehl nicht!!!

Link der Gallerie

galerie-v009

PHP-Code:

  //Stufe 9: Nachladen mehrerer Bilder in einen MC

//zwischen den Bildern über Thumbnail-MCs wechseln

//mit Rahmen und Schatten

//Thumbnail-MC lässt sich scrollen

//Bilderliste wird dynamisch per LoadVars-Klasse über ein PHP-Script nachgeladen

 
import mx.transitions.*;

import flash.filters.DropShadowFilter;

 
//leeren MC erstellen

this.createEmptyMovieClip("con",1);

 
//und zwei weitere MCs einbetten

var border_mc:MovieClip = con.createEmptyMovieClip("border_mc",1);

var image_mc:MovieClip = con.createEmptyMovieClip("image_mc",2);

 
//zuerst transparent setzen

this.con._alpha = 0;

 
//Zähler

var index:Number = 0;

 
 
function geladen(erfolgreich) {

    if(erfolgreich) {

        trace("empfangene Variable: "+this.liste);

        this.liste = this.liste.substring(0,this.liste.length-1);

        //Liste der Bilder

        _root.urls = this.liste.split(",");

        //_root.dtx.text += "\nListe="+_root.urls;//zum testweisen Ausgeben der Liste

        

        //Anzahl der Bilder ermitteln über Länge des Arrays

        _root.len = _root.urls.length;

        

        //jetzt erst die Bilder laden:

        _root.startLoader();

    }

    else {

            trace("Fehler beim Laden");

    }

}

lv = new LoadVars();//Instanz erstellen

lv.path = "pics-th/";//Foldernamen an das PHP-Script weiterleiten

lv.onLoad = geladen;//Callback setzen

lv.sendAndLoad("folder_auslesen.php",lv,"POST");//und den Request starten 

 
 
 
 
//mit dem Dropshadowfilter einen Schlagschatten erzeugen

function shadows(obj){

    var distance:Number = 0;

    var angleInDegrees:Number = 90;

    var color:Number = 0x000000;

    var alpha:Number = .9;

    var blurX:Number = 8;

    var blurY:Number = 8;

    var strength:Number = 1;

    var quality:Number = 3;

    var inner:Boolean = false;

    var knockout:Boolean = false;

    var hideObject:Boolean = false;

    

    var filter:DropShadowFilter = new DropShadowFilter(distance,angleInDegrees,color,alpha,blurX,blurY,strength,quality,inner,knockout,hideObject);

    var filterArray:Array = new Array();

    filterArray.push(filter);

    obj.filters = filterArray;

}

 
//ein Rechteck zeichnen für bspw. Bilderrahmen oder Masken

function rechteck(obj,hg,x1,x2,y1,y2,gef,ls,alph){

    with (obj){

        clear();

        if(gef==1){

            beginFill(hg, alph);

            moveTo(x1, y1);

            lineTo(x2, y1);

            lineTo(x2, y2);

            lineTo(x1, y2);

            lineTo(x1, y1);

            endFill();

            

        }

        else{

            ls = (ls == undefined || ls == 0) ? 2 : ls;

            lineStyle(ls,hg,100 );//ls = Linienstärke

            moveTo(0,0);

            lineTo(x2,0); 

            lineTo(x2,y2);

            lineTo(0,y2);

            lineTo(0,0);

        }

    }

}

 
 
function startLoader(){

    //leeren MC für Thumbnail-Leiste erstellen

    _root.createEmptyMovieClip("thumbs",_root.getNextHighestDepth());

    _root.thumbs._x = 44;

    _root.thumbs._y = Stage.height - 125;

        

    //Masken-MC erstellen

    _root.createEmptyMovieClip("maske",_root.getNextHighestDepth());

    _root.maske._x = _root.thumbs._x+50;

    _root.maske._y = _root.thumbs._y;

    _root.rechteck(maske,"0xFFFFFF",-85,415,0,120,1,0,100); //,0,510,0,150,1,0,100 // linker Einzug,Rechter Einzug,Rand oben,Rand unten, 

    

    //Maske setzen

    _root.thumbs.setMask(maske);

    

    //2 MCs mit Schaltflächen zur Steuerung erstellen

    _root.createEmptyMovieClip("zurueck_mc",_root.getNextHighestDepth());

    _root.createEmptyMovieClip("weiter_mc",_root.getNextHighestDepth());

    

    //positionieren

    zurueck_mc._y = weiter_mc._y = Stage.height - 60; // Weiter Zurück taste höhe von unten

    weiter_mc._x = Stage.width - 30; // Postition tasten

    

    //zwei fertige Grafiken attachen

    zurueck_mc.attachMovie("zurueck_mc","zurueck_mc",1);

    weiter_mc.attachMovie("weiter_mc","weiter_mc",1);

    

    //und aus den Mcs Schaltflächen machen

    zurueck_mc.onRelease = function(){

        trace("Klick auf zurück");

        _root.thumbs._x -= 50; // Bildverschiebung pro Klick

    }

    

    weiter_mc.onRelease = function(){

        trace("Klick auf weiter");

        _root.thumbs._x += 50; // Bildverschiebung pro Klick

    }

    

    

    //Liste der MCs im MC "thumbs" erstellen

     _root.mcs  = new Array();

    

    //leere MCs erzeugen

    for(var i=0;i<_root.len;i++){

       _root.mcs.push(_root.thumbs.createEmptyMovieClip("con"+i,_root.thumbs.getNextHighestDepth()));

       _root.thumbs["con"+i]._x = (i*250 +80);//nebeneinander positionieren

       _root.thumbs["con"+i].ID = i;//Zähler merken

    }

 
    //Lauscher und MovieClipLoader-Instanz für die Thumbs erstellen

    _root.mclListener = new Object();

    _root.mcLoader = new MovieClipLoader();

    _root.mcLoader.addListener(_root.mclListener);

    

    //Lauscher und MovieClipLoader-Instanz für die großen Bilder erstellen

    _root.mclListener2 = new Object();

    _root.mcLoader2 = new MovieClipLoader();

    _root.mcLoader2.addListener(_root.mclListener2);

    

    //das erste große Bild laden

    _root.mcLoader2.loadClip("pics-gr/"+_root.urls[0], _root.con.image_mc);

    

    //großes Bild ist geladen und MC wurde befüllt:

    _root.mclListener2.onLoadInit = function(mc:MovieClip) {

        

        _root.rechteck(_root.con.border_mc,"0xcfcfcf",0,mc._width+20,0,mc._height+20,1,0,100);

        _root.con.image_mc._x = 10;

        _root.con.image_mc._y = 10;

        

        //MC auf die Bühnen-Mitte setzen:

        _root.con._x = int((Stage.width - _root.con._width)/2);

        _root.con._y = int((Stage.height - _root.con._height)/2)-40;

        _root.shadows(_root.con);

        _root.fader(_root.con,true);

        

    }

    

    //und den ersten Thumb laden

    _root.mcLoader.loadClip("pics-th/"+_root.urls[index], _root.mcs[_root.index]);

    

    //Thumb ist geladen und MC wurde befüllt:

    _root.mclListener.onLoadInit = function(mc:MovieClip) {

        //trace("fertig, beladen wurde "+mc);

        mc.ID = _root.index;//index als MC-Variable merken

        

        _root.index++;

           if (_root.index < _root.len) {//sind noch weitere zu laden?

           _root.mcLoader.loadClip("pics-th/"+_root.urls[_root.index], _root.mcs[_root.index]);

           }

        

        

        mc.onRelease = function(){

            trace("this="+this);

            trace("this.ID="+this.ID);

            

            _root.index = this.ID;

            

            //aktuelles Bild ausblenden

            _root.fader(_root.con,false);

        }

    }  

}

 
function fader(mc,blende){

   //mc ist das ein- oder auszublendende Objekt

   //blende ist true oder false, d.h. blendet ein oder aus

   

   //während des Fadens die Schaltflächen sperren

   _root.thumbs.enabled = false;

      

    if(blende){

      //einblenden von alpha=0 bis alpha=100 in 0,6 Sekunden

      var tw1:Tween = new Tween(mc, "_alpha", mx.transitions.easing.None.easeNone, 0, 100, 0.6, true);

      tw1.onMotionFinished = function() {//wenn ausblenden beendet...

        _root.thumbs.enabled = true;

      }

   }

   else{//ausblenden

      var tw2:Tween = new Tween(mc, "_alpha", mx.transitions.easing.None.easeNone, 100, 0, 0.6, true);

      tw2.onMotionFinished = function() {//wenn ausblenden beendet...

        _root.folgefilm();//nächsten Film laden und einblenden

      }

   }

}

 
 
function folgefilm(){

    trace("folgefilm");

    _root.mcLoader2.loadClip("pics-gr/"+_root.urls[_root.index], _root.con.image_mc);

    //_root.mcLoader2.loadClip("pics-gr/"+_root.urls[_root.index], _root.con);

    

}

 
 
 
 
this.stop();

24-11-2009, 12:58

Zitat:

Kann mir da jemand weiterhelfen? Ich finde den Befehl nicht!!!

Hier kannst du ansetzen...

PHP-Code:

  _root.thumbs["con"+i]._x = (i*250 +80);//nebeneinander positionieren

m.friedli · 24-11-2009, 14:02

Bin verzeifelt am testen welcher Wert was bewirkt? Die letzten drei finde ich nicht herraus. Erbitte hilfe!

PHP-Code:

  _root.rechteck(maske,"0xFFFFFF", -40,360,0,120,1,0,100); // linker Einzug, Rechter Einzug, Rand oben, Rand unten,

Die Lücke nach dem dritten Bild kann ich mir auch nicht erklären
galerie-v009

24-11-2009, 14:40

Zitat:

Die letzten drei finde ich nicht herraus. Erbitte hilfe!

PHP-Code:

  function rechteck(obj,hg,x1,x2,y1,y2,gef,ls,alph){

obj=MC-Instanz

hg=Hintergrundfarbe der Füllung

x1= links oben

x2= rechts oben

y1= links unten

y2= rechts unten

gef= 1=füllen alles andere=nicht füllen

ls = Linienstärke

alph= Alpha/Deckungsstärke

m.friedli · 03-12-2009, 11:29

Nun habe ich noch ein Problem!!!
Wie bringe ich die Lücke zwischen Tumbbild drei und vier weg?

m.friedli · 10-12-2009, 08:47

Ok Vor lauter Bäumen sehe ich manchmal den Wald nicht mehr!
Die Dateinamen der Bilder dürfen keine äöü's enthalten!

Kann mir noch jemand sagen ob ich die Anzahl zurück und vorwärts klicks beschränken kann?

rudi66 · 10-12-2009, 09:01

Die Buttoncodes vor und zurück sind doch verdreht,
der weiter_mc muss _root.thumbs._x -= x setzen, nicht +=...

Dieser Sprungwert x sollte auch die volle Breite eines Thumbnails mit
Abstand betragen, damit der User nicht unnötig klicks durchführt.

Damit der User nicht zuviel klickt, muss auf beide buttons
ne Abfrage rein, ob der mc _root.thumbs überhaupt noch im
sichtbaren Bereich ist.

Hier mal ein Beispiel, wie es der Standard ist:
horizontal-thumbnails-scroller

10-12-2009, 09:16

Zitat:

Die Buttoncodes vor und zurück sind doch verdreht,

Das ist Ansichtssache... Aber das kann sowieso jeder handhaben wie er will, der Code ist halt nur ein Ansatz.

Oxigan · 10-12-2009, 10:04

davon mal ab das das kein AS3 ist... -.- verschiebt sowas doch bitte - wer codet heute noch in AS2... heilige Mutter Gottes

- bin ich froh das überstanden zu haben. Und dynamisch mit "y"

rudi66 · 10-12-2009, 10:08

@Oxigan

Hab Erbarmen mit der Welt,
kann nicht jeder ein 80.000 Euro Brutto AS3 Vollprofi wie Du sein...

Oxigan · 10-12-2009, 10:15

Zitat:

Zitat von rudi66

@Oxigan

Hab Erbarmen mit der Welt,
kann nicht jeder ein 80.000 Euro Brutto AS3 Vollprofi wie Du sein...

80.000 halte ich für völlig untertrieben - das deckt höchstens die jährlichen kosten für den Sprudel meines Privatjets.

badMiKe · 10-12-2009, 10:16

der PHP Code kann nicht funktionieren:

PHP-Code:

  $path = stripslashes($_POST["http://www.architektur-friedli.ch/images/projekte/schuepfen/"]);

sollte wohl eher

PHP-Code:

  $path = stripslashes($_POST["path"]);

heißen - oder, wenn fix:

PHP-Code:

  $path = "http://www.architektur-friedli.ch/images/projekte/schuepfen/";

10-12-2009, 10:18

Zitat:

davon mal ab das das kein AS3 ist

In dem Tutorial gibt es sowohl AS2- als auch AS3-Beispiele. Und es gibt sicherlich mehr AS2- als AS3-Entwickler und -Designer...

23-11-2009, 10:47	#1 (permalink)
m.friedli Golffieber Registriert seit: Jan 2004 Ort: Ittigen Beiträge: 140	Probleme mit Dinamischer Bildergallerie Ich bin dabei die Dinamische Bildergallerie von Holger (Beispiel 9) zu konfigurieren. http://www.flashforum.de/forum/progr...-a-262589.html Erstmal möchte ich mich mit dem projekt Schuepfen befassen Das PHP Script hab ich inklusiven Fotos 1.jpg, 2.jpg, 3.jpg, 4.jpg in den Ordner gelegt! Hier das PHP Script (folder_auslesen.php) PHP-Code: <?php $path = stripslashes($_POST["http://www.architektur-friedli.ch/images/projekte/schuepfen/"]);//Pfadangabe des Ordners $handle = opendir ($path);//Oeffnen des Ordners //alle Einträge auslesen while ($file = readdir ($handle)) { if ($file != "." && $file != ".."){ $fileArray[] = $file; } } closedir($handle); asort($fileArray);//Liste sortieren //Ausgabe für den Flashfilm vorbereitem echo "liste="; foreach($fileArray as $row) { echo $row.','; } ?> Hier das AS3 vom Flash wird in AS3 exportiert PHP-Code: //Stufe 9: Nachladen mehrerer Bilder in einen MC //zwischen den Bildern über Thumbnail-MCs wechseln //mit Rahmen und Schatten //Thumbnail-MC lässt sich scrollen //Bilderliste wird dynamisch per LoadVars-Klasse über ein PHP-Script nachgeladen import mx.transitions.; import flash.filters.DropShadowFilter; //leeren MC erstellen this.createEmptyMovieClip("con",1); //und zwei weitere MCs einbetten var border_mc:MovieClip = con.createEmptyMovieClip("border_mc",1); var image_mc:MovieClip = con.createEmptyMovieClip("image_mc",2); //zuerst transparent setzen this.con._alpha = 0; //Zähler var index:Number = 0; function geladen(erfolgreich) { if(erfolgreich) { trace("empfangene Variable: "+this.liste); this.liste = this.liste.substring(0,this.liste.length-1); //Liste der Bilder _root.urls = this.liste.split(","); //_root.dtx.text += "\nListe="+_root.urls;//zum testweisen Ausgeben der Liste //Anzahl der Bilder ermitteln über Länge des Arrays _root.len = _root.urls.length; //jetzt erst die Bilder laden: _root.startLoader(); } else { trace("Fehler beim Laden"); } } lv = new LoadVars();//Instanz erstellen lv.path = "http://www.architektur-friedli.ch/images/projekte/schuepfen/";//Foldernamen an das PHP-Script weiterleiten lv.onLoad = geladen;//Callback setzen lv.sendAndLoad("http://www.architektur-friedli.ch/images/projekte/schuepfen/folder_auslesen.php",lv,"POST");//und den Request starten //mit dem Dropshadowfilter einen Schlagschatten erzeugen function shadows(obj){ var distance:Number = 0; var angleInDegrees:Number = 90; var color:Number = 0x000000; var alpha:Number = .9; var blurX:Number = 8; var blurY:Number = 8; var strength:Number = 1; var quality:Number = 3; var inner:Boolean = false; var knockout:Boolean = false; var hideObject:Boolean = false; var filter:DropShadowFilter = new DropShadowFilter(distance,angleInDegrees,color,alpha,blurX,blurY,strength,quality,inner,knockout,hideObject); var filterArray:Array = new Array(); filterArray.push(filter); obj.filters = filterArray; } //ein Rechteck zeichnen für bspw. Bilderrahmen oder Masken function rechteck(obj,hg,x1,x2,y1,y2,gef,ls,alph){ with (obj){ clear(); if(gef==1){ beginFill(hg, alph); moveTo(x1, y1); lineTo(x2, y1); lineTo(x2, y2); lineTo(x1, y2); lineTo(x1, y1); endFill(); } else{ ls = (ls == undefined \|\| ls == 0) ? 2 : ls; lineStyle(ls,hg,100 );//ls = Linienstärke moveTo(0,0); lineTo(x2,0); lineTo(x2,y2); lineTo(0,y2); lineTo(0,0); } } } function startLoader(){ //leeren MC für Thumbnail-Leiste erstellen _root.createEmptyMovieClip("thumbs",_root.getNextHighestDepth()); _root.thumbs._x = 50; _root.thumbs._y = Stage.height - 150; //Masken-MC erstellen _root.createEmptyMovieClip("maske",_root.getNextHighestDepth()); _root.maske._x = _root.thumbs._x+50; _root.maske._y = _root.thumbs._y; _root.rechteck(maske,"0xFFFFFF",0,510,0,150,1,0,100); //Maske setzen _root.thumbs.setMask(maske); //2 MCs mit Schaltflächen zur Steuerung erstellen _root.createEmptyMovieClip("zurueck_mc",_root.getNextHighestDepth()); _root.createEmptyMovieClip("weiter_mc",_root.getNextHighestDepth()); //positionieren zurueck_mc._y = weiter_mc._y = Stage.height - 100; weiter_mc._x = Stage.width - 25; //zwei fertige Grafiken attachen zurueck_mc.attachMovie("zurueck_mc","zurueck_mc",1); weiter_mc.attachMovie("weiter_mc","weiter_mc",1); //und aus den Mcs Schaltflächen machen zurueck_mc.onRelease = function(){ trace("Klick auf zurück"); _root.thumbs._x -= 250; } weiter_mc.onRelease = function(){ trace("Klick auf weiter"); _root.thumbs._x += 250; } //Liste der MCs im MC "thumbs" erstellen _root.mcs = new Array(); //leere MCs erzeugen for(var i=0;i<_root.len;i++){ _root.mcs.push(_root.thumbs.createEmptyMovieClip("con"+i,_root.thumbs.getNextHighestDepth())); _root.thumbs["con"+i]._x = (i250 +80);//nebeneinander positionieren _root.thumbs["con"+i].ID = i;//Zähler merken } //Lauscher und MovieClipLoader-Instanz für die Thumbs erstellen _root.mclListener = new Object(); _root.mcLoader = new MovieClipLoader(); _root.mcLoader.addListener(_root.mclListener); //Lauscher und MovieClipLoader-Instanz für die großen Bilder erstellen _root.mclListener2 = new Object(); _root.mcLoader2 = new MovieClipLoader(); _root.mcLoader2.addListener(_root.mclListener2); //das erste große Bild laden _root.mcLoader2.loadClip("http://www.architektur-friedli.ch/images/projekte/schuepfen/"+_root.urls[0], _root.con.image_mc); //großes Bild ist geladen und MC wurde befüllt: _root.mclListener2.onLoadInit = function(mc:MovieClip) { _root.rechteck(_root.con.border_mc,"0xFFFFFF",0,mc._width+20,0,mc._height+20,1,0,100); _root.con.image_mc._x = 10; _root.con.image_mc._y = 10; //MC auf die Bühnen-Mitte setzen: _root.con._x = int((Stage.width - _root.con._width)/2); _root.con._y = int((Stage.height - _root.con._height)/2)-40; _root.shadows(_root.con); _root.fader(_root.con,true); } //und den ersten Thumb laden _root.mcLoader.loadClip("http://www.architektur-friedli.ch/images/projekte/schuepfen/"+_root.urls[index], _root.mcs[_root.index]); //Thumb ist geladen und MC wurde befüllt: _root.mclListener.onLoadInit = function(mc:MovieClip) { //trace("fertig, beladen wurde "+mc); mc.ID = _root.index;//index als MC-Variable merken _root.index++; if (_root.index < _root.len) {//sind noch weitere zu laden? _root.mcLoader.loadClip("http://www.architektur-friedli.ch/images/projekte/schuepfen/"+_root.urls[_root.index], _root.mcs[_root.index]); } mc.onRelease = function(){ trace("this="+this); trace("this.ID="+this.ID); _root.index = this.ID; //aktuelles Bild ausblenden _root.fader(_root.con,false); } } } function fader(mc,blende){ //mc ist das ein- oder auszublendende Objekt //blende ist true oder false, d.h. blendet ein oder aus //während des Fadens die Schaltflächen sperren _root.thumbs.enabled = false; if(blende){ //einblenden von alpha=0 bis alpha=100 in 0,6 Sekunden var tw1:Tween = new Tween(mc, "_alpha", mx.transitions.easing.None.easeNone, 0, 100, 0.6, true); tw1.onMotionFinished = function() {//wenn ausblenden beendet... _root.thumbs.enabled = true; } } else{//ausblenden var tw2:Tween = new Tween(mc, "_alpha", mx.transitions.easing.None.easeNone, 100, 0, 0.6, true); tw2.onMotionFinished = function() {//wenn ausblenden beendet... _root.folgefilm();//nächsten Film laden und einblenden } } } function folgefilm(){ _root.mcLoader2.loadClip("http://www.architektur-friedli.ch/images/projekte/schuepfen/"+_root.urls[_root.index], _root.con.image_mc); //_root.mcLoader2.loadClip("pics-gr/"+_root.urls[_root.index], _root.con); } this.stop(); __________________ Nun wenn ich die Index.html ausprobiere lät es mir die Fotos gar nicht in die FLA. __________________ Gruss und Danke für Deine Hilfe Kusi

24-11-2009, 08:57	#3 (permalink)
m.friedli Golffieber Registriert seit: Jan 2004 Ort: Ittigen Beiträge: 140	Dinamische Bildergallerie Problem Lösung mit Tumb Ich habe es tatsächlich geschafft! Nun möchte ich die Lücke zwischen den Tumbs verringern! Kann mir da jemand weiterhelfen? Ich finde den Befehl nicht!!! Link der Gallerie galerie-v009 PHP-Code: //Stufe 9: Nachladen mehrerer Bilder in einen MC //zwischen den Bildern über Thumbnail-MCs wechseln //mit Rahmen und Schatten //Thumbnail-MC lässt sich scrollen //Bilderliste wird dynamisch per LoadVars-Klasse über ein PHP-Script nachgeladen import mx.transitions.; import flash.filters.DropShadowFilter; //leeren MC erstellen this.createEmptyMovieClip("con",1); //und zwei weitere MCs einbetten var border_mc:MovieClip = con.createEmptyMovieClip("border_mc",1); var image_mc:MovieClip = con.createEmptyMovieClip("image_mc",2); //zuerst transparent setzen this.con._alpha = 0; //Zähler var index:Number = 0; function geladen(erfolgreich) { if(erfolgreich) { trace("empfangene Variable: "+this.liste); this.liste = this.liste.substring(0,this.liste.length-1); //Liste der Bilder _root.urls = this.liste.split(","); //_root.dtx.text += "\nListe="+_root.urls;//zum testweisen Ausgeben der Liste //Anzahl der Bilder ermitteln über Länge des Arrays _root.len = _root.urls.length; //jetzt erst die Bilder laden: _root.startLoader(); } else { trace("Fehler beim Laden"); } } lv = new LoadVars();//Instanz erstellen lv.path = "pics-th/";//Foldernamen an das PHP-Script weiterleiten lv.onLoad = geladen;//Callback setzen lv.sendAndLoad("folder_auslesen.php",lv,"POST");//und den Request starten //mit dem Dropshadowfilter einen Schlagschatten erzeugen function shadows(obj){ var distance:Number = 0; var angleInDegrees:Number = 90; var color:Number = 0x000000; var alpha:Number = .9; var blurX:Number = 8; var blurY:Number = 8; var strength:Number = 1; var quality:Number = 3; var inner:Boolean = false; var knockout:Boolean = false; var hideObject:Boolean = false; var filter:DropShadowFilter = new DropShadowFilter(distance,angleInDegrees,color,alpha,blurX,blurY,strength,quality,inner,knockout,hideObject); var filterArray:Array = new Array(); filterArray.push(filter); obj.filters = filterArray; } //ein Rechteck zeichnen für bspw. Bilderrahmen oder Masken function rechteck(obj,hg,x1,x2,y1,y2,gef,ls,alph){ with (obj){ clear(); if(gef==1){ beginFill(hg, alph); moveTo(x1, y1); lineTo(x2, y1); lineTo(x2, y2); lineTo(x1, y2); lineTo(x1, y1); endFill(); } else{ ls = (ls == undefined \|\| ls == 0) ? 2 : ls; lineStyle(ls,hg,100 );//ls = Linienstärke moveTo(0,0); lineTo(x2,0); lineTo(x2,y2); lineTo(0,y2); lineTo(0,0); } } } function startLoader(){ //leeren MC für Thumbnail-Leiste erstellen _root.createEmptyMovieClip("thumbs",_root.getNextHighestDepth()); _root.thumbs._x = 44; _root.thumbs._y = Stage.height - 125; //Masken-MC erstellen _root.createEmptyMovieClip("maske",_root.getNextHighestDepth()); _root.maske._x = _root.thumbs._x+50; _root.maske._y = _root.thumbs._y; _root.rechteck(maske,"0xFFFFFF",-85,415,0,120,1,0,100); //,0,510,0,150,1,0,100 // linker Einzug,Rechter Einzug,Rand oben,Rand unten, //Maske setzen _root.thumbs.setMask(maske); //2 MCs mit Schaltflächen zur Steuerung erstellen _root.createEmptyMovieClip("zurueck_mc",_root.getNextHighestDepth()); _root.createEmptyMovieClip("weiter_mc",_root.getNextHighestDepth()); //positionieren zurueck_mc._y = weiter_mc._y = Stage.height - 60; // Weiter Zurück taste höhe von unten weiter_mc._x = Stage.width - 30; // Postition tasten //zwei fertige Grafiken attachen zurueck_mc.attachMovie("zurueck_mc","zurueck_mc",1); weiter_mc.attachMovie("weiter_mc","weiter_mc",1); //und aus den Mcs Schaltflächen machen zurueck_mc.onRelease = function(){ trace("Klick auf zurück"); _root.thumbs._x -= 50; // Bildverschiebung pro Klick } weiter_mc.onRelease = function(){ trace("Klick auf weiter"); _root.thumbs._x += 50; // Bildverschiebung pro Klick } //Liste der MCs im MC "thumbs" erstellen _root.mcs = new Array(); //leere MCs erzeugen for(var i=0;i<_root.len;i++){ _root.mcs.push(_root.thumbs.createEmptyMovieClip("con"+i,_root.thumbs.getNextHighestDepth())); _root.thumbs["con"+i]._x = (i250 +80);//nebeneinander positionieren _root.thumbs["con"+i].ID = i;//Zähler merken } //Lauscher und MovieClipLoader-Instanz für die Thumbs erstellen _root.mclListener = new Object(); _root.mcLoader = new MovieClipLoader(); _root.mcLoader.addListener(_root.mclListener); //Lauscher und MovieClipLoader-Instanz für die großen Bilder erstellen _root.mclListener2 = new Object(); _root.mcLoader2 = new MovieClipLoader(); _root.mcLoader2.addListener(_root.mclListener2); //das erste große Bild laden _root.mcLoader2.loadClip("pics-gr/"+_root.urls[0], _root.con.image_mc); //großes Bild ist geladen und MC wurde befüllt: _root.mclListener2.onLoadInit = function(mc:MovieClip) { _root.rechteck(_root.con.border_mc,"0xcfcfcf",0,mc._width+20,0,mc._height+20,1,0,100); _root.con.image_mc._x = 10; _root.con.image_mc._y = 10; //MC auf die Bühnen-Mitte setzen: _root.con._x = int((Stage.width - _root.con._width)/2); _root.con._y = int((Stage.height - _root.con._height)/2)-40; _root.shadows(_root.con); _root.fader(_root.con,true); } //und den ersten Thumb laden _root.mcLoader.loadClip("pics-th/"+_root.urls[index], _root.mcs[_root.index]); //Thumb ist geladen und MC wurde befüllt: _root.mclListener.onLoadInit = function(mc:MovieClip) { //trace("fertig, beladen wurde "+mc); mc.ID = _root.index;//index als MC-Variable merken _root.index++; if (_root.index < _root.len) {//sind noch weitere zu laden? _root.mcLoader.loadClip("pics-th/"+_root.urls[_root.index], _root.mcs[_root.index]); } mc.onRelease = function(){ trace("this="+this); trace("this.ID="+this.ID); _root.index = this.ID; //aktuelles Bild ausblenden _root.fader(_root.con,false); } } } function fader(mc,blende){ //mc ist das ein- oder auszublendende Objekt //blende ist true oder false, d.h. blendet ein oder aus //während des Fadens die Schaltflächen sperren _root.thumbs.enabled = false; if(blende){ //einblenden von alpha=0 bis alpha=100 in 0,6 Sekunden var tw1:Tween = new Tween(mc, "_alpha", mx.transitions.easing.None.easeNone, 0, 100, 0.6, true); tw1.onMotionFinished = function() {//wenn ausblenden beendet... _root.thumbs.enabled = true; } } else{//ausblenden var tw2:Tween = new Tween(mc, "_alpha", mx.transitions.easing.None.easeNone, 100, 0, 0.6, true); tw2.onMotionFinished = function() {//wenn ausblenden beendet... _root.folgefilm();//nächsten Film laden und einblenden } } } function folgefilm(){ trace("folgefilm"); _root.mcLoader2.loadClip("pics-gr/"+_root.urls[_root.index], _root.con.image_mc); //_root.mcLoader2.loadClip("pics-gr/"+_root.urls[_root.index], _root.con); } this.stop(); __________________ Gruss und Danke für Deine Hilfe Kusi

24-11-2009, 14:02	#5 (permalink)
m.friedli Golffieber Registriert seit: Jan 2004 Ort: Ittigen Beiträge: 140	Erklärung Bin verzeifelt am testen welcher Wert was bewirkt? Die letzten drei finde ich nicht herraus. Erbitte hilfe! PHP-Code: `_root.rechteck(maske,"0xFFFFFF", -40,360,0,120,1,0,100); // linker Einzug, Rechter Einzug, Rand oben, Rand unten,` Die Lücke nach dem dritten Bild kann ich mir auch nicht erklären galerie-v009 __________________ Gruss und Danke für Deine Hilfe Kusi

03-12-2009, 11:29	#7 (permalink)
m.friedli Golffieber Registriert seit: Jan 2004 Ort: Ittigen Beiträge: 140	Soo Dinamisch Nun habe ich noch ein Problem!!! Wie bringe ich die Lücke zwischen Tumbbild drei und vier weg? __________________ Gruss und Danke für Deine Hilfe Kusi

10-12-2009, 08:47	#8 (permalink)
m.friedli Golffieber Registriert seit: Jan 2004 Ort: Ittigen Beiträge: 140	Ok Vor lauter Bäumen sehe ich manchmal den Wald nicht mehr! Die Dateinamen der Bilder dürfen keine äöü's enthalten! Kann mir noch jemand sagen ob ich die Anzahl zurück und vorwärts klicks beschränken kann? __________________ Gruss und Danke für Deine Hilfe Kusi

23-11-2009, 11:37	#2 (permalink)
rudi66 Certified dump Registriert seit: Aug 2001 Beiträge: 969	Wenn die PHP - Datei crasht, kommen auch keine Bilder an in Flash: http://www.architektur-friedli.ch/im...r_auslesen.php Das ist aber auch nicht AS 3 - Syntax: _root.thumbs._x = 50; Erstmal ueberall trace() einbauen, man weiss ja gar nicht, was überhaupt funktioniert...

10-12-2009, 09:01	#9 (permalink)
rudi66 Certified dump Registriert seit: Aug 2001 Beiträge: 969	Die Buttoncodes vor und zurück sind doch verdreht, der weiter_mc muss _root.thumbs._x -= x setzen, nicht +=... Dieser Sprungwert x sollte auch die volle Breite eines Thumbnails mit Abstand betragen, damit der User nicht unnötig klicks durchführt. Damit der User nicht zuviel klickt, muss auf beide buttons ne Abfrage rein, ob der mc _root.thumbs überhaupt noch im sichtbaren Bereich ist. Hier mal ein Beispiel, wie es der Standard ist: horizontal-thumbnails-scroller

10-12-2009, 10:04	#11 (permalink)
Oxigan Odin zum Gruße! Registriert seit: Nov 2006 Ort: Ösiland Beiträge: 327	davon mal ab das das kein AS3 ist... -.- verschiebt sowas doch bitte - wer codet heute noch in AS2... heilige Mutter Gottes - bin ich froh das überstanden zu haben. Und dynamisch mit "y"

10-12-2009, 10:08	#12 (permalink)
rudi66 Certified dump Registriert seit: Aug 2001 Beiträge: 969	@Oxigan Hab Erbarmen mit der Welt, kann nicht jeder ein 80.000 Euro Brutto AS3 Vollprofi wie Du sein...

10-12-2009, 10:16	#14 (permalink)
badMiKe Neuer User Registriert seit: Feb 2004 Ort: Austria / Salzburg Beiträge: 1	der PHP Code kann nicht funktionieren: PHP-Code: `$path = stripslashes($_POST["http://www.architektur-friedli.ch/images/projekte/schuepfen/"]);` sollte wohl eher PHP-Code: `$path = stripslashes($_POST["path"]);` heißen - oder, wenn fix: PHP-Code: `$path = "http://www.architektur-friedli.ch/images/projekte/schuepfen/";`

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
probleme mit vor/zurück +preloader In bildergallerie	ciberjoerg	Flash Einsteiger	1	17-01-2007 09:47
Abgefahrene Bildergallerie, leider Probleme mit dem Tween	Endorphie	Flash 8	1	02-02-2006 08:06
Bildergallerie die 2.	snuupio	Flash MX 2004	3	27-07-2004 22:50
Bildergallerie	snuupio	Flash MX 2004	2	27-07-2004 19:08
Bildergallerie.....	spliffstar	ActionScript 1	42	08-06-2004 20:46