Wie kann ich einen solchen Bildereffekt machen?

[kitty-ninchen]

Hallo,

wie kann ich eine solchen Effekt erstellen wie in meinem Beispiel unter dem folgenden Link. Ich möchte, wenn ich über ein Bild mit der Maus fahre, dass sich dieses wie eine Art Lupe direkt vergrößert.

http://www.imagesource.de/search/May_2006_Gallery

 

[Maik]

Habe mal einen Blick in den Quelltext der verlinkten Seite geworfen, hierfür wird das folgende Script mit der Funktion thumb_mouseover(i) verwendet -> http://www.imagesource.de/include/popup.js.aspx

 

[kitty-ninchen]

Hallo,

so ich hab nun mal ein wenig was gemacht. Aber das klappt noch nicht mit dem Bild so. Ich hoffef mal, dass mir hier noch jemand helfen kann, denn ich muss auch gleich sagen, dass ich mit dem Quellcode gar nicht zurecht komme :-(

Bis jetzt habe ich das so gemacht:

<script language="JavaScript" type="text/javascript" src="/includes/js/bild.js"></script>

 <a href=""onmouseover="thumb_mouseover();"><img src="../../img/page_icons_avatar/ac2c3b7747aea8eee5499067719075c7.jpg" alt="Grafik" width="100" height="72" border="0"></a>

Hmm was muss ich ändern oder wie muss ich weiter machen?

 

[Maik]

Probiere es mal so:

<a href="#" onmouseover="thumb_mouseover(this);"><img src="../../img/page_icons_avatar/ac2c3b7747aea8eee5499067719075c7.jpg" alt="Grafik" width="100" height="72" border="0"></a>

 

[kitty-ninchen]

Hallo,

nun habe ich das so eingefügt und hab auch mal dem Bild eine Größe gegeben, aber auch das geht nicht. Hier mal der Code:

<script language="JavaScript" type="text/javascript" src="/includes/js/bild.js"></script>
<a href=""onmouseover="thumb_mouseover(this);"><img src="/img/user_gallery/9efed8b67e28c88efbf4e360b908447c.jpg" alt="Grafik" width="71" height="105" border="0"></a>

EDIT:
------------
Auch das von dir geht nicht.

 

[Maik]

Sorry, der Event-Handler onmouseover="thumb_mouseover(this);" muß in der Grafik notiert werden.

 

[kitty-ninchen]

Hallo,

das ist meines:

href=""

das ist deines:

href="#"

wie gesagt beide gehen nicht.

 

[Maik]

Bitte lese nochmal meinen letzten Beitrag, den ich eben editiert habe.

 

[kitty-ninchen]

Du meinst so:

<script language="JavaScript" type="text/javascript" src="/includes/js/bild.js"></script>

<img onmouseover="thumb_mouseover(this);" src="/img/user_gallery/9efed8b67e28c88efbf4e360b908447c.jpg" alt="Grafik" width="71" height="105" border="0">

 

[Maik]

Ja, und werfe doch auch mal einen Blick in den Quelltext der von dir genannten Seite:

<a id="dlSearchResults__ctl1_Hyperlink1" href="/search/image.aspx?id=266720"><img id="dlSearchResults__ctl1_Image1" onmouseover="thumb_mouseover(this)" compsrc="http://images.imagesource.com/preview/wmcomps/IS952-085.jpg" src="http://images.imagesource.com/preview/thumbnails/IS952-085.jpg" alt="" border="0" /></a>