Nasıl benim JQuery Script JQZOOM kurtarabilir miyim?

2 Cevap php

Ben bir resim değişmiş olan bir görüntüyü değiştirir anda, bu komut dosyası var. Sonra JQZOOM yeni görüntü eklenecek istiyorum. Onun birden çok örneğini çalıştırıyorsanız, çünkü ben OnClick olayı içine koyarsanız Ancak, bunu üzerine tıklayın kez daha alır ve yavaş yavaş ... sanırım.

Sonra başka bir şey için yeniden bağlamanız bir şey JQZOOM unbind için yine de var mı?

İşte şu anda benim jquery olduğunu:

var options = {
    zoomWidth: 400,
    zoomHeight: 325,
    xOffset: 25,
    yOffset: 0,
    position: "right",
    lens: true,
    zoomType: "reverse",
    imageOpacity: 0.5,
    showEffect: "fadein",
    hideEffect: "fadeout",
    fadeinSpeed: "medium",
    title: false
};

$('.jqzoom').jqzoom(options);

$('.single-zoom-image').click ( function () {

    $('#bigProductImage').attr("src", $(this).attr("zoom"));
    $('.jqzoom').attr("href", $(this).attr("extrazoom"));

});

Herkes bana yardımcı olabilir eğer şimdiden teşekkürler.

Şerefe!

2 Cevap

Bu şöyle yapılabilir:

Diğer fare işlevleri (hat 90 civarında) nerede jqzoom1.0.1.js değiştirin

//Handle clicked thumbnails changing the zoomed image
$(this).bind('changeimage', function(){
   smallimage = new Smallimage( $("img", this) );
   largeimage = new Largeimage(a[0].href);
    smallimage.loadimage();
});

Aşağıdaki gibi zoomer arayın:

$(document).ready(function(){
var options = {
zoomWidth: 300,
zoomHeight: 200,
xOffset: 30,
yOffset: 0,
position: 'right',
title: false,
showPreload: false
};

//Handle clicking on the thumbnails, swap the mainimage and recycle the zoomer
$('.seemore').bind('click', function(e) {
    e.preventDefault();
    $('.jssProductFullImage').attr('src', $(this).attr('href'));
    $('.zoomer').attr('href', $(this).attr('href') );
    //Recall the zoomer to update the page
    $('.zoomer').trigger('changeimage');

    });
$('.zoomer').jqzoom(options);

});

$('.jqzoom').removeData('jqzoom');

Benim için bir iş yaptı.

etiketler