Sammel: LENSE über 2tes Bild

Beitrag lesen

DANKE Erledigt es hat Funktioniert sieht zwar nicht schön aus auch nicht elegant mit dem Scriptaufbau aber es Läuft

[code lang=javascript]

function move_lens_1(e) {
 var mouseX_1 = Event.pointerX(e) - smallImageP_1[0];
 var mouseY_1 = Event.pointerY(e) - smallImageP_1[1];

if (   mouseX_1 < 0 || mouseX_1 > smallImageD_1.width
  || mouseY_1 < 0 || mouseY_1 > smallImageD_1.height) { // Hide lens if out of zoom area

$('lens_1').setStyle({visibility: 'hidden'});

} else { // Show lens and reposition image and lens

$('lens_1').setStyle({visibility: 'visible'});

var fullImageX_1 = - mouseX_1 * (zoomWidth_1 - 1);
  var fullImageY_1 = - mouseY_1 * (zoomHeight_1 - 1);

var lensX_1 = mouseX_1 - lensSizeHalf;
  var lensY_1 = mouseY_1 - lensSizeHalf;

$('zoom_image_full_1').setStyle({
   top:  fullImageY_1 - lensY_1 + 'px',
   left: fullImageX_1 - lensX_1 + 'px'});
  $('lens_1').makeClipping().setStyle({
   width:  lensSize + 'px',
   height: lensSize + 'px',
   top:  lensY_1 + 'px',
   left: lensX_1 + 'px'});
 }
}