Code

Discussion on Smooth Zoom Pan - jQuery Image Viewer

Discussion on Smooth Zoom Pan - jQuery Image Viewer

By
Cart 5,799 sales

VF does not currently provide support for this item.

674 comments found.

Hi,

Firstly, great plugin. I have an issue which I hope is a simple oversight on my part. I have included an image map with links and while this works fine with mouse click events on the desktop, touch events on mobile devices don’t work. Should the plugin handle these events or am I missing something? I hope someone can point me in the right direction.

Regards.

i need some solution to zoom large schemes in popup window and i found one strange bug in Sample 7 (checked in chrome, opera). If image is much bigger than popup it becomes too blurry on zoom. http://dc657.4shared.com/download/In7kkVUPba/tsid20140623-131131-cbb290f2/smoothzoom.jpg is there any issues? (if you cause some window redraw event, like changing browser window size, this blur removes)

This doesn’t seem to be working on Firefox 30 right now…

It still works in FF 30.0,but a lot of features are broken. You have to click on the image first before you can zoom. Panning is disabled, as well as button controls.

To zoom in, you’d have to use your mouse wheel.

New version is now working with FF. Yey!

I welcome!

There was a small problem with a plug-in.

In case of included options responsive: true, responsive_maintain_ratio: true,

the image in the container is scaled, but displaces to the left and up.

if option responsive_maintain_ratio: false that offset happens only to the left. The plug-in is initiated as usual jQuery (function ($) { $ ('#zoom_container').smoothZoom ({ image_url: 'images/genplan/k12.jpg', width: 910, height: 574, responsive: true, responsive_maintain_ratio: true, max_WIDTH: '', max_HEIGHT: '' }); });

What it is necessary to change, for the correct scaling?

The plug-in is used on Joomla!

jQuery: v1.11.0 smoothZoom: v1.7.0

Hi, thanks for a great plugin, i am facing a trouble here i have used the plugin at http://sharebca.com/alpine/?page_id=14 now when we zoom the image it looks pixelated, however the images are of high quality, i have tried using a small size image as well but same problem is there. can you please guide me how can i show a perfect picture when someone zooms in this image.

I implement it here: http://litoglif.com/zoom_gallery/Example_1.html

But the icons aren’t showing in the buttons, what is my problem?

I bougt this plugin but don’t know how to implement it to a wordpress site please help.

Tnx in advance…

I try to call $(’#myImage’).smoothZoom(‘zoomIn’); from my own button click. The zoomIn function zooms to its max just for one click. I would like to zoom in step by step like I use mouse wheel. I already set “zoom_SINGLE_STEP: false” during initialization. But it doesn’t help me. How can I do?

Hello, any chance to get the TouchFunctionality work on WindowsTablet oder WindowsPhone?

All works fine expect WindowsTablet & Phone :/ may this be fixed in current Update?

Here my Site: http://goettlesbrunn-arbesthal.at/map/

wbr Leo

[ FOCUSTO & SINGLE STEP ZOOM BUG ]

If the option zoom_SINGLE_STEP is set to true and you use the function focusTo, to focus into a landmark, then the whole image is flickering.

You can see it, if you set the option zoom_SINGLE_STEP to true in the “Example 4.html” file.

It would be great, if a solution to this can be found. Thanks.

Quick solution: Comment out the if condition in the .js on line 1590 (case 2 is the right one)

@p11creative

thanks for reporting a bug.

There’s a small bug in the code. Search for: “noSel;” and replace it with “noSel”.

Also, the image is looking pixelated at zoom on android devices. Is there a way to fix this?

Hi, Thank you for this great script. Is it possible drag-n-drop the landmark and update its position after SmartZoom is initiated? Right now drag will drag the entire image along with the landmarks. Ideally when hover over the landmark the image drag is disabled, thus allowing moving of the landmark. Or use Ctrl-drag or something.

Thanks for the help.

Issues with Firefox v.29.0

Hey. I love this image gal. I have noticed however that there is an issue with Firefox 29. The control buttons don’t work at all and the mouse click zooms in, but doesn’t drag.

Would you mind taking a look? There are no error console errors. My guess it is something to do with ‘hasTouch’ – Its been an issue for a few other things for me.

Cheers, keep up the good work!

Awesome script VF. I’ll bet you wake up in the morning and piss excellence.

Hi, we are having issues on Windows 8.1 with pan and zoom with mouse not working with Touch Input present inside of IE11 and Firefox. Chrome works fine. We have tried disabling touch, but it still does not work. These issues are present in the examples, too. Do you have any plans on updating this plugin?

Thanks in advance :)

For starters this plug-in rocks. I am hoping that my issues are easily solvable, since this plug-in fits the solution I was looking for.

I am having trouble with a responsive design, there I have a full screen implementation of smoothZoom.

The one real issue I am having is the marks are not always in the same spot on the background image when different screen sizes are used. From what I can tell the main background is zoomed/sized to fit in the window, but the marks are not. So the marks are the same px away from the top and left of the page, no matter the window size, but the background fits the window size.

Is there a way to make sure the marks are always in the same place on the background, when using the responsive feature. My current settings are below.

$j(document).ready(function() { $j(”#givingGalaxy”).smoothZoom({ width:’100%’, height:’100%’, responsive:true, responsive_maintain_ratio:false, max_WIDTH:’’, max_HEIGHT:’’, pan_LIMIT_BOUNDARY : true, zoom_OUT_TO_FIT:false, mouse_DOUBLE_CLICK: false, use_3D_Transform: true, container:’giving_galaxy’ });

Thanks for any help. :)

Hey do u have a wordpress plugin like this

Hi,

Could I have the cursor as the grab / grabbing instead of move icon? What’s the best way to do that? Thanks.

BUG, trying to get /undefined image: Replace _img.src = self.imgList[i].src; line with _img.src = self.imgList[i].src || '';
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey