LENSE über 2tes Bild

[plan_B]

Hallo,

muss da das Script gedoppelt werden mit anderen variablen

so wird es vielleicht am Einfachsten sein. im HTML hast du ja schon die  Ids "zoom_1", "lens_1","zoom_image_small_1" ... vereinbart.

momentan überblicke ich das ganze noch nicht, aber die globalen Variablen
beziehen sich eben immer nur auf ein Bild.

In dieser onload-Funktion müssten äquivalente Variablen zusätzlich definiert werden ( ein paar Beispeile habe ich schon eingefügt)

  

> Event.observe(window, 'load', function() {  
>  // Get some static values in advance  
>  smallImageD = $('zoom_image_small').getDimensions();  
  
 smallImageD_1 = $('zoom_image_small_1').getDimensions();  
  

>  fullImageD  = $('zoom_image_full' ).getDimensions();  
>  smallImageP = Position.cumulativeOffset($('zoom_image_small'));  
>   
>  // So some calculations based on those static values  
>  zoomWidth  = fullImageD.width  / smallImageD.width;  
>  zoomHeight = fullImageD.height / smallImageD.height;  
>  lensSizeHalf = lensSize / 2  
>   
>  Event.observe('zoom', 'mousemove', move_lens);  
  
 Event.observe('zoom', 'mousemove', move_lens_1);  
  

>  Event.observe('zoom', 'mouseover', function() {$('lens').setStyle({visibility: 'visible'});});  
  
  
 Event.observe('zoom', 'mouseover', function() {$('lens_1').setStyle({visibility: 'visible'});});  
  

>  Event.observe('zoom', 'mouseout',  function() {$('lens').setStyle({visibility: 'hidden'});});  
> });  
>   

zusätzlich noch eine Funktion

  
function move_lens_1(e) {  
...  
}  

wenn noch ein 3. Bild behandelt werden soll, dann ist dieser Ansatz mit dem Verdoppeln erst recht unschön.

Gruß plan_B