Results 1 to 3 of 3

Thread: increase the size of zoom window

  1. #1
    Join Date
    Jul 2012
    Posts
    198
    Thanks
    54
    Thanked 3 Times in 3 Posts

    Default increase the size of zoom window

    Hi

    please refer the site http://harvestcfood.com/frm/
    1. click the thumbnail
    2. hover the big image.

    Can any body help how to increase the size of zoom window appearing while hover the image.

    Regards

  2. #2
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    try

    http://www.vicsjavascripts.org.uk/Im...eViewerIII.htm

    this can be modified to use the natural image size on image swap

    the modified function(mods in red)

    Code:
     load:function(o){
      for (var oop=this,z0=0;z0<o.nimg.length;z0++){
       if (o.nimg[z0].width<40){
        o.dly=setTimeout(function(){ oop.load(o); },100);
        return;
       }
      }
      if (!o.init){
       o.iw=o.img.width;
       o.ih=o.img.height;
       this.resize(null,o);
       o.v.appendChild(o.vimg);
       this.vpos(null,o);
       this.addevt(o.img,'mouseover','vpos',o);
       this.addevt(o.img,'mousemove','move',o);
       this.addevt(o.msk,'mousemove','move',o);
       this.addevt(o.msk,'mouseover','move',o);
       this.addevt(o.img,'mouseout','out',o);
       this.addevt(o.msk,'mouseout','out',o);
       o.init=true;
      }
      else {
       o.iw=o.nimg[0].width;
       o.ih=o.nimg[0].height;
       o.img.style.width=o.iw+'px';
       o.img.style.height=o.ih+'px';
       o.img.src=o.nimg[0].src;
       o.vimg.src=o.nimg[1].src;
      }
     },
    Last edited by vwphillips; 07-10-2012 at 11:16 AM.
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  3. #3
    Join Date
    Jul 2012
    Posts
    198
    Thanks
    54
    Thanked 3 Times in 3 Posts

    Default

    Hi @vwphillips

    It's got working .. its very highly appreciated to get such a valuable advice from you..
    Noted your message
    This code is very friendly with php programming

    Regards
    Tom

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •