I-Frame ansteuern und nach unten springen?

[buzzbomb]

Hallo,
ich habe auf einer Seite oben Vorschaubilder mit einem Link, damit linke ich auf einen I-Frame auf der Seite der das entsprechende Produkt dann anzeigt, so weit so gut, da sich der I-Frame aber ganz unten auf der Seite befindet soll bei einem Klick auf das Thumb auch gleichzeitig ans Ende der Seite gesprungen werden.
Ist das überhaupt möglich und wenn ja wie?


MfG

[Heglanx]

Jo, das geht sehr wohl. Bin noch absoluter HTML & CSS Neuling. Versuche trotzdem zu helfen!

Kennst du Anker, bzw. das Anker-Tag (<a>). Damit kannst du auch innerhalb einer Seite zu einem Element springen, in dem du da, einen Anker setzt!

<a href="#iframe">hier drauf klicken, um nach unten zu gelangen!</a>

Das Raute/Hash zeichen gibt an, dass es sich um eine Sprungmarke handelt. Diese Sprungmarke erzeugt also, sofern du ein Raute/Hash zeichen auch setzt, einen internen Link/Verweis.

Jetzt gehst du zu deiner DIV-Box oder Tabellenzelle, ich nehme an irgendwo ganz unten auf deiner Seite, und schreibst da folgendes hin:

<a name="iframe"></a>

Über das name Attribut, definierst du das Sprunziel! Im Prinzip müsste das so funktionieren. Nur gibt es da ein Problem. Das Attribut name ist veraltet und sollte man nach der xHTML-Norm nicht mehr benutzen.

Darum greift man heute auf sogenannte IDs (identifiers) zurück.

Da müsste es dann heissen:

<a id="iframe"></a>

Versuche beide Methoden getrennt und teste in verschiedenen Browsern. Ich denke, dass man auch beides verwenden kann.

Ansonsten mal googeln.

lesenswert!

[Heglanx]

Schau dir unbedingt von MooTools den Effekt SmoothScrool an! Der ist ganz lustig und sieht super aus! Den kannst du mit ein wenig fleiss auf der Basis von Ankern aufbauen!

MooTools!

[buzzbomb]

Hallo,
wie ich nach unten springen kann ist mir schon klar, aber gleichzeitig muss ich über den Link ja auch den Inhalt im Frame ändern, das ist das Problem.

MfG