Lupenfunktion geht nach xmlhttp request nicht

[Genjiro]

Hallo,

ich habe eine dropdown Menü über das ich Bildernamen auswähle. Das entsprechende Bild dazu wird in einem DIV angezeigt. So weit so gut.

Das Bild in dem DIV hat eine Lupenfunktion. Dazu habe ich mojomagnify MojoMagnify - Free JavaScript Image Magnifier - Nihilogic
eingebunden.

Es gibt ein kleines und ein großes Bild.

<img src="kendwa_small.jpg" data-magnifysrc="kendwa_big.jpg" />

Beim ersten Aufruf der Seite funktioniert alles. Wenn ich das Bild über das Dropdown Menü wechsel wird das neue kleine Bild angezeigt. Allerdings funktioniert dann die Lupenfunktion nicht mehr.

Mein Ansatz ist per xmlhttp_request den Code

<img src="kendwa_small.jpg" data-magnifysrc="kendwa_big.jpg" />

in den DIV zu laden. Das neue kleine Bild kommt ja auch, nur die Lupenfunktion nicht. Mir scheint auf 'data-magnifysrc' wird nicht zugegriffen.

Hat jemand eine Idee?

 

[Sven Mintel]

Moin,

die Beschreibung, wie das geht, findest du dort auch auf der Seite:

You can also add the magnifier effect dynamically with JavaScript using the MojoMagnify.makeMagnifiable function.

// The makeMagnifiable function lets you add the effect with JavaScript.  
MojoMagnify.makeMagnifiable = function(image, source) {  
// image    = the image element you want to add the effect to  
 // source   = the source of the high res version of the image  
}  
   
// Example (using the image from above):   
   
MojoMagnify.makeMagnifiable(  
     document.getElementById("myimage2"),   
     "kendwa_big.jpg"  
 );