Bilder

[Sarah]

Hallo!

Warscheinlich is das nen ganz einfaches Problem, aber ich bin noch nicht so fit in Javascript...;-)

Also ich will gerne ein Bild haben, dass wenn man mit der Maus drauf geht ein anderes Bild anzeigt - ja das is kein Problem.

Nun soll wenn man auf dieses Bild (bzw. auf dieses "Doppelbild") draufklickt nen neues Fenster öffnet welches aber nur so ein "kleines" Fenster ist - ja das is auch kein Problem wenn das Bild einfach nur nen Bild ist.

Nur beides zusammen geht irgendwie nicht so wie ich dachte. Also ich hab folgendes...
[[im head]]

<script language="JavaScript">
  <!--
  Normal1 = new Image();
  Normal1.src = "moi.jpg"; /* Hier erste Standard-Grafik angeben */
  Highlight1 = new Image();
  Highlight1.src = "moibaby.jpg"; /* Hier erste Highlight-Grafik angeben */

function Bildwechsel(Bildnr,Bildobjekt)
  {
   window.document.images[Bildnr].src = Bildobjekt.src;
  }
 //-->
 //-->
<!--
function minifenster(y)
  { F = window.open(y, "MiniF", "width=420,height=420,scrollbars,resizable=no"); F.focus() }
//-->
</script>

[[und denn im body]]

<A HREF="javascript:minifenster('baby.html')" onMouseOver="Bildwechsel(0,Highlight1)"
 onMouseOut="Bildwechsel(0,Normal1)" target="unt" >
 <img src="moi.jpg" border=0 width=320 height=240 align=right></a>

hmm also wie gesagt so wäre das simpel zusammengepackt - aber des geht nicht. Das Bild wechselt zwar aber das neue Fenster hat nicht die Datei "baby.html" sondern will als URL "javascript:minifenster('baby.html')" nehmen...

Ich denke, da kann mir doch wohl jemand helfen...;-)

SARAH

[David Tibbe]

Hallo

<script language="JavaScript">

type fehlt

<A HREF="javascript:minifenster('baby.html')" onMouseOver="Bildwechsel(0,Highlight1)"
 onMouseOut="Bildwechsel(0,Normal1)" target="unt" >
hmm also wie gesagt so wäre das simpel zusammengepackt - aber des geht nicht. Das Bild wechselt zwar aber das neue Fenster hat nicht die Datei "baby.html" sondern will als URL "javascript:minifenster('baby.html')" nehmen...

Betrachte den Link. Denk dir du bist ein Browser. Du bekommst nu die Zeile und es klickt jemand den Link an. Dann schaust du und denkst "Oh da ist ja ein target-Attribut, also mache ich mal ein neues Fenster auf und lade die Seite javascript:..." Und dann stellst du fest: "ich weiß nicht was javascript:.. für eine Seite ist". Hat direkt was logisches :)
Nicht nur deswegen solltest du keine href="javaScript:" nehmen (AFAIK ist das sowieso nicht ganz konform). Verwende das onClick-Event:

<A HREF="#" onClick="minifenster('baby.html'); return false;" onMouseOver="Bildwechsel(0,Highlight1)" onMouseOut="Bildwechsel(0,Normal1)">

return false steht da, damit nicht auch noch der LInk ausgefhrt wird und du an den Anfang des Dokuments gelangst. Noch besser ist aber:

<A HREF="baby.html" onclick="minifenster(this.href)" onMouseOver="Bildwechsel(0,Highlight1)" onMouseOut="Bildwechsel(0,Normal1)" target="_blank">
Damit haben auch Leute ohne JS eine Chance, das Baby zu betrachten.

Grüße

David