jquery - elevatezoom on responsive image -


i'm using this plugin zoom image on site.

my site responsive , try make inner zoom responsive it's not working. if make window smaller inner zoom stay big.

<div class="img_container">     <img id="image1" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:and9gcsidxry6nqeuhz8yydpkjagc9avqtal84ldgsmnx71mqob-tqrw" class="image1"> </div> 
$('#image1').elevatezoom({     responsive : true,     bordersize : 1,     bordercolour : '#ccc',     zoomtype : 'inner',     cursor: 'crosshair' }); 
.img_container {     width: 100% } .image1 {     min-width: 100%;     display: block;     max-width: 100%;     height: auto; }

actually, i'm seeing plugin responsive on load. if refresh page when browser width 320px inner zoom 320px. if change browser size inner zoom won't change.

this worked me removing , adding data $(".active-zoom") :

var $zoomimg = $(".active-zoom");           zoomconfig = { gallery:'thumbnails',                          cursor: 'inherit',                          galleryactiveclass: 'active',                          imagecrossfade: true,                          zoomwindowfadein: 500,                         zoomwindowfadeout: 500,                         lensfadein: 500,                         lensfadeout: 500,                         bordersize:0,                         zoomtype:'inner',                         containlenszoom: 1,                         responsive:true }  $zoomimg.elevatezoom(zoomconfig);   $(window).resize(function(){          var height = $zoomimg.height();          $(".zoomwrapper").css("height", height);         $(".zoomcontainer .zoomwindow").css({"height": height});          $zoomimg.removedata('elevatezoom');         $('.zoomcontainer').remove();          settimeout(function() {              $(".active-zoom").elevatezoom(zoomconfig);              }, 90)  });

css:

img.active-zoom {          height: auto !important;         width: 100% !important       }

Comments

Post a Comment

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

i working on custom magento extension. working around adminhtml part , i've created custom form there. here form code: <?php class vivasindustries_smsnotification_block_adminhtml_sms_sendmass_edit_form extends mage_adminhtml_block_widget_form { public function _preparelayout() { $extensionpath = mage::getmoduledir('js', 'vivasindustries_smsnotification'); $head = $this->getlayout()->getblock('head'); $head->addjs('jquery.js'); $head->addjs('vivas.js'); return parent::_preparelayout(); } protected function _prepareform() { $form = new varien_data_form(array( 'id' => 'edit_form', 'action' => $this->geturl('*/*/save', array('id' => $this->getrequest()->get...
Read more

php - Bypass Geo Redirect for specific directories -

i'm trying bypass redirect specific url within site. wondering if might able help. the code below code use, original urls replaces example.com i'd able access http://example.com/admin without redirect occuring. is there way this, , there way using own ip? function country_geo_redirect() { $country = getenv('http_geoip_country_code'); if ($country == "us" ) { wp_redirect("http://usa.example.com/"); exit; } else if ($country == "gb" ) { wp_redirect("http://uk.example.com/"); exit; } } add_action('init', 'country_geo_redirect'); you can bypass redirection code if server found ip address. if ip address == <my ip address> ' nothing here else country_georedirect() end if
Read more

php - .htaccess mod_rewrite for dynamic url which has domain names -

i want convert url ex:( example.com/link.php?url=facebook.com ) ( example.com/facebook.com.php ) how can using .htaccess. or there other process make job easier ? i tried adding script .htaccess file options +followsymlinks rewriteengine on rewriterule url-(.*)\.htm$ link.php?url=$1 but converting url adding "url-" ( example.com/url-facebook.com.php ) i want remove "url-" , want make ( example.com/facebook.com.php ) rewriteengine on rewritecond %{the_request} ^get.*link\.php\?url\= [nc] rewritecond %{request_uri} !/system/.* [nc] rewriterule (.*?)link\.php\?url\=/*(.*) /$1$2 [r=301,ne,l] not sure how above work edit of used use remove index.php url
Read more