jquery.mb.zoomify

Explore large images with this tool!

If you have large images and you want to let people explore them you can use this tool; it adds zoom-in zoom-out and pan functionality; it has configurable magnification level and it provides built-in image preloading.

v. 1.7.1

 

PayPal

20 Responses

  1. Alok
    Alok at · Reply

    Thanks for this Great plugin. Creating a wordpress plugin. I tried to add zoomify in nivoslider . it works for first image when page load but when slider run further , on click of another image it show only first time zoomed image in overlay.

    i have called code like this

    $(‘.nivo-main-image’).click(function() {
    $(this).mbZoomify_overlay({starLevel:3});

    });

    Can you please help me

    Thank You

    1. Alok
      Alok at ·

      Thanks for quick reply… I added onclick=”$(this).mbZoomify_overlay({startLevel:2}) in image then also it show first click image

      Nivo slider only change src of image when slider run. .nvo-main-image is class name of image which src change

  2. Deepak
    Deepak at · Reply

    Downloaded 1.7.1 version but Not working with iPhone and iPad . It work on android mobile. Please help me how can i fix it…..

  3. 给了我无限惊喜的JQuery插件 | U的心灵旅行

    […] ZOOMIFY, EXPLORE YOR IMAGES! ( 演示 | 下载 ) […]

  4. solisarg
    solisarg at · Reply

    For adding touch events is not hard at a basic level (didn’t test too much, is a quick fix) Just add this code around line 250 that mimics the mousdown and mousemove events

    //added for touch
    overlay.bind(“touchstart”,function(e){
    e.preventDefault();
    var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
    mousePos(touch);
    el.candrag=true;
    }).bind(“touchmove”,function(e){
    e.preventDefault();
    var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
    if(!el.candrag || e.metaKey)
    return;

    var origin={
    x:touch.pageX,
    y:touch.pageY
    };
    $el.mbZoomify_drag(origin);

    });
    //end added

Leave a Reply