Bilder direkt verlinken?

[nkattau]

Hi,

ich sitze momentan an einem Projekt für einen Kunden und habe dort Maus-Slider-Galerien für die Bilder verwendet. Die Bilder sollen einen Link und eine Target-Zuweisung kriegen.

Gibt es einen Weg, die Bilder direkt per AS zum Button zu machen und den Link inkl. Target zuzuweisen?

Wenn ja: Wie sieht so ein Code aus?

Vielen Dank im Voraus!

Konvertier die Bilder mit F8 in einen MC und gib ihnen Instanznamen. Oder lade die Bilder zur Laufzeit mit der Loader-Klasse oder mit new aus der Bibliothek nach.

Klickfunktionen kannst du dann mit addEventListener und einem MouseEvent setzen, der Link kann mit einem navigateToURL gesetzt werden. Eine Liste der Links kannst du in einem Array ablegen.

[nkattau]

Danke für die Antwort.

Wenn ein Link so aussieht:

my_btn.addEventListener(MouseEvent.CLICK, myBtnClicked);
function myBtnClicked(e:MouseEvent):void {
navigateToURL(new URLRequest("galerie/123.html", "_blank"));
}

Wie kann ich das Ganze dann per Array vereinfachen?

Angenommen ich habe die MCs mit Instanznamen Button1, Button2 und Button2. Button1 soll zu 1.html, Button2 zu 2.html und Button3 zu 3.html führen.

Sorry, aber mit Arrays hab ich noch nie was gemacht. Deshalb die Frage ;-)

[hmpf]

du könntest die URL als Variable in den MCs speichern und dann so

my_btn.addEventListener(MouseEvent.CLICK, myBtnClicked);
function myBtnClicked(e:MouseEvent):void {
navigateToURL(new URLRequest(e.target.bildURL, "_blank"));
} 

[mooseMash]

PHP-Code:

Button1.addEventListener(MouseEvent.CLICK, btnClicked);
Button2.addEventListener(MouseEvent.CLICK, btnClicked);
Button3.addEventListener(MouseEvent.CLICK, btnClicked);


function btnClicked(evt:MouseEvent):void{
    var req:URLRequest;
    switch(evt.target){
        case Button1:
        req = new URLRequest("1.html");
        break;
        case Button2:
        req = new URLRequest("2.html");
        break;
        case Button3:
        req = new URLRequest("3.html");
        break;        
    }
    navigateToURL(req, "_blank");
} 


[nkattau]

<3 !

[nkattau]

Zitat von mooseMash

PHP-Code:

Button1.addEventListener(MouseEvent.CLICK, btnClicked);
Button2.addEventListener(MouseEvent.CLICK, btnClicked);
Button3.addEventListener(MouseEvent.CLICK, btnClicked);


function btnClicked(evt:MouseEvent):void{
    var req:URLRequest;
    switch(evt.target){
        case Button1:
        req = new URLRequest("1.html");
        break;
        case Button2:
        req = new URLRequest("2.html");
        break;
        case Button3:
        req = new URLRequest("3.html");
        break;        
    }
    navigateToURL(req, "_blank");
} 


Wenn ich möchte, dass beim mouseOver über die Bilder der Mauszeiger zur "Klickhand" wird, wo muss ich dann etwas in der Art button.useHandCursor = true; einfügen? Danach hab ich es dann auch alles zusammen ;-)

[mooseMash]

PHP-Code:

Button1.buttonMode = true; 


[hmpf]

Zitat von mooseMash

PHP-Code:

Button1.addEventListener(MouseEvent.CLICK, btnClicked);
Button2.addEventListener(MouseEvent.CLICK, btnClicked);
Button3.addEventListener(MouseEvent.CLICK, btnClicked);


function btnClicked(evt:MouseEvent):void{
    var req:URLRequest;
    switch(evt.target){
        case Button1:
        req = new URLRequest("1.html");
        break;
        case Button2:
        req = new URLRequest("2.html");
        break;
        case Button3:
        req = new URLRequest("3.html");
        break;        
    }
    navigateToURL(req, "_blank");
} 


Sinnvoller wäre übrigens, EINE Button-Klasse zu erstellen, der man das Bild mitgibt. Der bisher gepostete Code ist ziemlich unflexibel.

[nkattau]

ach, gleich hab ich die 120 links fertig

[hmpf]