brauche eine Funktion

[Thomas L]

Ich brauche eine Funktion, die Bilder aufruft. Die Bilder heißen pic01.gif, pic02.gif...  Die Bilder sollen über eine verweissensitive Grafik aus einem anderen Frame aufgerufen werden.
Mein Problem ist, dass ich nicht weiß, wie ich das machen soll.
Könnt ihr mir bitte weiterhelfen??

code 1. Frame:

<img name="tgm" src="nab.gif" width="360" height="280" border="0" usemap="#stoecke">
<map name="stoecke">
  <area shape="poly" coords="109,245,228,245,258,246,258,260,228,261,109,261" href="#" onmouseover="tgm.src='navae.gif'" onClick="parent.text.test()" alt="Erdgeschoss">
  <area shape="poly" coords="109,231,228,231,258,231,258,242,228,243,109,243" href="#" onmouseover="tgm.src='nava1.gif'" onClick="parent.text.test()" alt="1.Stock">
</map>

code 2. frame: (hab da mal ne Testfunktion reingegeben um parent zu testen)

<script>

function test() {
alert("test");
}

</script>

Wenn ich auf das erste shape klicke, soll pic01.gif im 2. frame geladen werden.
Wenn ich auf das zweite shape klicke, soll pic02.gif im 2. Frame geladen werden.
.
.
.

mfg,
Thomas L

[Thomas L]

Das ist ziemlich wichtig, und wahrscheinlich garnicht so schwer, aber ich hab einfach hinten und vorne keinen Plan wie ich überhaupt anfangen soll bzw wie man sowas realsiert.

Danke für eure Hilfe

mfg,
Thomas L

[Elisabeth]

Das ist ziemlich wichtig, und wahrscheinlich garnicht so schwer, aber ich hab einfach hinten und vorne keinen Plan wie ich überhaupt anfangen soll bzw wie man sowas realsiert.

Allerliebster Thomas L,

genauso ist es. Und Du hast auf Deine Frage auch schon Antworten erhalten. Ich bin aber gar nicht so und versuchs noch einmal.

1. Du hast ein Frameset mit zwei Frames. Links und rechts. Richtig?
2. Im Frame links hast Du eine verweissensitive Grafik, beim Klick auf einen bestimmten Bereich soll im rechten Frame eine Seite mit einem bestimmten Bild aufgerufen werden. Richtig?

Nun denn, begeben wir uns ans Werk:

1. Lies, was hier geschrieben steht:

http://selfhtml.teamone.de/html/frames/verweise.htm

2. Es ist gleichgültig, ob ein Verweis nun aus einer Grafik besteht oder aus Text.

3. Das wars.

4. Wenn Du jetzt immer noch keinen Plan hast, lies alles, was in SELFHTML über Frames steht. Probier es aus.

5. Wenn Du immer noch keinen Plan hast, lies noch einmal von vorne.

6. Lies solange von vorne bist Du es verstanden hast.

7. Irgendwann wird es gehen.

8. Und das hilft viel besser, als die gleiche Frage immer wieder zu posten.

Ich wünsche Dir erfolgreiches Lernen.

mfg Elisabeth

[Thomas L]

Danke.

mfg,
Thomas L

[Sven Rautenberg]

Moin!

Das ist ziemlich wichtig, und wahrscheinlich garnicht so schwer, aber ich hab einfach hinten und vorne keinen Plan wie ich überhaupt anfangen soll bzw wie man sowas realsiert.

Vorschlag:
Lade im zweiten Frame eine HTML-Seite, welche eine einzige Grafik enthält. Mach die Grafik passend groß - und natürlich auch alle zu ladenden Grafiken.

Dann brauchst du Informationen, wie man mit Javascript ein Bild auswechselt. Dazu guckst du hier http://selfhtml.teamone.de/javascript/beispiele/buttons.htm in den dynamischen grafischen Buttons. Logischerweise mußt du nicht onmouseover oder onmouseout die Grafik ändern, sondern onclick - wie du es schon getan hast.

Und wie du über Framegrenzen hinweg auf Elemente zugreifst, hast du im Prinzip schon richtig gedacht - mehr dazu steht hier: http://aktuell.de.selfhtml.org/tippstricks/javascript/fensterzugriff/.

Also onclick im anderen Frame die Bildwechselfunktion aufrufen. Oder im eigenen Frame.

Die billigen Alternativen: Du legst für jedes Bild eine eigene HTML-Seite an und rufst die mit einem billigen HTML-Link (mit target) auf. Oder du rufst direkt die Bilder mit einem billigen HTML-Link (mit target) auf - hast dann aber wirklich nur die nackte Grafik ohne definierte Hintergrundfarbe etc.

- Sven Rautenberg

[AndreD]

Hallo Thomas,

Wenn ich auf das erste shape klicke, soll pic01.gif im 2. frame geladen werden.
Wenn ich auf das zweite shape klicke, soll pic02.gif im 2. Frame geladen werden.

Einfache Version ohne Javascript:
Du erstellst für jede Grafik die Du im zweiten Frame per Klick anzeigen willst eine Html-Datei und stellst dort die entsprechende Datei rein. Um das erste Bild in der Datei bild1.html in den Frame "frame2" zu laden notierst Du z.B. folgendes in Deine Imagemap:

<area alt="Bild1" coords="0,0,180,90" href="bild1.html" target="frame2">

Komplexere Version mit Javascript:
Du hast auch die Möglichkeit per Javascript die Grafiken in eine einzige Datei zu schreiben. Beim laden des Framesets wird im frame2 z.B standardmässig das erste Bild angezeigt (alternativ geht auch ein Blindgif in der entspr. Grösse), diese hat Grafik hat entweder ein name- oder ID-Tag, je nachdem mit welcher Technik Du diese Grafik ansprechen willst. Die Grafiken sollten dabei alle die gleichen Ausmaße haben (z.B. 150x200px). Dann brauchst Du eine einfache Javascript-Funktion für den Bildertausch. Diese Funktion rufst Du über onclick auf der jeweiligen Area der Imagemap auf. Die Funktion startet also im gleichen Frame wie Deine Imagemap, tauscht die Bilder aber im frame2.

Hoffe ich konnte ein wenig helfen?

Gruss AndreD

[jo]

vielleicht so:
funktion:
 function FilFra(URL1,F1)
 {
  parent.frames[F1].location.href=URL1;
 }

aufruf:
<a href="javascript:FilFra('...bildaresse...',1)">
<img src="...thunbnail..."></a>