Search jQuery

jQuery Forum

Jquery zoom on cycle?

in Using jQuery • 7 years ago

Hi guys,

I have a web page, on this web page I have couple of images. When user clicks on the image, image disappears and the UL tag displays. (I am using this plugin http://jquery.malsup.com/cycle/)

Here is the HTML:

<div id="right4" class="pics">
<img class="img-center" src="images/smart-agriculture1.png" width="168" height="168" alt="Akıllı Tarım"/>
<ul class="solutions-ul">
<li lang="tr">
<i class="fa fa-caret-right"></i> Gübreleme
</li>
<li lang="tr">
<i class="fa fa-caret-right"></i> Şarap Kalite Artırılması
</li>
<li lang="tr">
<i class="fa fa-caret-right"></i> <a class="fancybox" rel="gallery4" href="/images/flyers/smart_agriculture.jpg">Akıllı Tarım</a>
</li>
</ul>
</div>

Here is the JQuery for cycle:

$("#right4").cycle({
fx: 'curtainX',
next: '#right',
timeout: 0,
easing: 'easeInOutBack'
});

What I would like to do is, when the user clicks the anchor tag in the UL above, image displays in a modal box (fancybox or something) then user can zoom/pan on the image itself. I tried fancybox and elevatezoom but couldn't manage. How can I zoom?

Best Regards.

Replies(4)

watusiware

Re: Jquery zoom on cycle?

7 years ago

I think that nobody understands your question. Posting it multiple times won't help anybody understand it! And posting only partial code (instead of a complete example) with only vague complaints ("couldn't manage"...) isn't very helpful.

You mentioned two plugins you tried, but no details of just how you tried to use them. Can you use jsFiddle to make an example, and tell us what you expect and exactly how it doesn't work as you expect?

raysefo

Re: Jquery zoom on cycle?

7 years ago

could u please go to www.ioterm.com and click our solutions from the navigation below. On the our solutions page just click one of the images and cycle occur. In my previous post you can see the sample HTML which I would like to zoom on an image when user clicks on an anchor.