Flash-Objekt "verschiebt" HTML-Teil

[benben]

Hallo Leute,
kann mir jemand sagen, wie diese Seite funktioniert?
http://www.newzealand.com/travel/Neuseeland-Reisen/

Im oberen Teil ist ein Flash-Film eingebettet. Man sieht zunächst nur ein Standbild von ca 240px Höhe. Klick man auf den Button "sehen" streckt sich das Bild in der Höhe auf ca. 480px. Soweit so gut, aber alle darunter liegenden HTML-Teile werden mit nach unten geschoben, sodass nichts verdeckt wird. Wir funktioniert das? Hat jemand einen tipp?

Vielen Dank und Gruß
benben

[demerzel]

hi,
das läuft über java.
schau dir mal die funktion "function slideUpEdition()" an.
ciao pete

[benben]

hi,
das läuft über java.
schau dir mal die funktion "function slideUpEdition()" an.
ciao pete

puh, das versteh ich überhaupt nicht. Ist das wirklich derart kompliziert, dann geb ich mein Vorhaben eh gleich wieder auf :-)
Oder kann mir noch jemand einen Schubs in die richtige Richtung geben!?

thanks again
benben

[molily]

Oder kann mir noch jemand einen Schubs in die richtige Richtung geben!?

Weißt du, was JavaScript ist und was man damit tun kann?
JavaScript ändert hier die Höhe eines eingebundenen Flash-Films schrittweise.
Ob das kompliziert ist? Man muss JavaScript hinreichend beherrschen. Wenn du noch keinen Schimmer davon hast, musst du es zumindest teilweise anzuwenden lernen.

Mathias

[benben]

Hallo nochmal

Weißt du, was JavaScript ist und was man damit tun kann?
JavaScript ändert hier die Höhe eines eingebundenen Flash-Films schrittweise.

Das hatte ich mir auch gedacht, aber ich kann die angegebene Funktion nicht entspr. deuten. Da steht ja nur folgendes.

function slideUpEdition(){
$(".changeEdition").unbind("click")
$(".changeText").html("close")
$(".eswitch-panel-btm").fadeIn("fast")
$(".changeEdition").click(function(){
$(".altEditionList").fadeOut("slow")
$(".eswitch-panel-btm").fadeOut("fast")
$(".eswitch-panel").slideUp("slow",slideDownEdition)
return false
}

Was sagt mir das? Sind das weitere Funktionen, die aufgerufen werden? Wo genau wird denn die Höhe geändert?

Danke vielmals
Gruß, benben

[molily]

ich kann die angegebene Funktion nicht entspr. deuten.

Das ist auch die falsche. Das ist die richtige:

function driftenlarge(){
  $("#sitesearchform").fadeOut("slow",function(){
    $("#flashheadercontent").animate({height:440},1000);
    $("#flashheaderspacer").animate({height:440},1000);
  });
}

Was sagt mir das? Sind das weitere Funktionen, die aufgerufen werden?

Ja. Dort wird die JavaScript-Bibliothek jQuery eingesetzt, die die meiste Arbeit übernimmt.

Wo genau wird denn die Höhe geändert?

Mit dem Aufruf der animate-Funktion $("#flashheadercontent").animate(...) wird der Flash-Container angesprochen und eine neue Höhe gesetzt. jQuery animiert die Höhenänderung dann ausgehend von der aktuellen Höhe.

Mathias

[benben]

Mit dem Aufruf der animate-Funktion $("#flashheadercontent").animate(...) wird der Flash-Container angesprochen und eine neue Höhe gesetzt. jQuery animiert die Höhenänderung dann ausgehend von der aktuellen Höhe.

Hallo Matthias,
vielen Dank. Ich wurschtel mich jetzt mal durch :-)