Zoom not aligning with crosshairs

Permalink Browser Info Environment
Hi,
I have been using this add-on for years and I love it. Recently, my client brought to my attention that the alignment was off – the zoomed image does not display what is in the window. This used to work fine and I don't know what would be causing this. I found that it also behaves this way when I look at the demos on your site here:http://c5extras.com/add-ons/jqzoom... (also, see attachment – screen print of what I see. )
Also, I attached an example of the issue on my client's site at :http://ravenefd.com/products/conkure/... .

Can you help me resolve this?

Thanks,
Steve

2 Attachments

Type: Discussion
Status: In Progress
Pixelfixer
View Replies:
jb1 replied on at Permalink Reply
jb1
Hi Steve,

I'm currently looking into this. I'll get back to you.

JZ
jb1 replied on at Permalink Reply
jb1
Hi

I just checked your site and it seems fine on m y end. What browser are you using? Also themes could cause inconsistency on the zoomed image. You can check it on a Plain Theme and see if this occurs if not most likely it's your custom theme that is causing the conflict.

JZ
Pixelfixer replied on at Permalink Reply
Pixelfixer
I have several browsers I test on and none of them work, including:
On Mac:
Safari v8.0.6
Chrome v 43.0.2357.124

On PC - Win7:
IE v 11
Chrome v 43.0.2357.130 m
FF v 37.0.2
------------------------------------------------------

I recently brought this site to a mobile theme (using "Supermint" with modifications). I tested on my previous theme and the zoom feature works fine. So, you are correct, this is related to something conflicting in the new theme. But what?
Could it be a difference in the jquery version used? Does your Zoom routine require a specific jquery library?

Thanks,
Steve
jb1 replied on at Permalink Reply
jb1
I've seen the zoom alignment affected by css code in a theme which globally sets the "img" height and/or width. Generally a global scope in css is bad practice. That would be a starting point to fix it.

JB
Pixelfixer replied on at Permalink Reply
Pixelfixer
Thanks for the tip! Lead me right to the problem:

img{display:inline-block;max-width:100%;height:auto}


Found this in my screen.css - commented it out and the problem went away. And I haven't discovered "yet" any other images affected by this change. So, I'm good for now.

Thank again JZ / JB !!

concrete5 Environment Information

# concrete5 Version
5.6.3.1

# concrete5 Packages
Add Multiple Pages (2.0), Ajax Form (1.3), Area Splitter (2.1), Backstretch (1.2.3), Breadcrumbs (2.0), Code Blocks (1.2.1), Easy Accordion (1.1.2), Easy tabs (1.7.2), Expand / Collapse (1.2.1), Flash Embed (1.4.4), Foundation 5 (1.6.0), Hutman News (3.0.1.2), jqZoom Image (1.3.6), Kwiks Slider (2.0.1), Mega Menu (1.1.4), New Colours : Testimonials & Quotes (0.9.0), Page password (1.1.4), Page Redirect (1.4), Page Selector Attribute (1.1), PC5 Custom Templates (3.5), PDF Viewer (1.0), Popup Pro (1.5.0), Power Slider Lite (1.1.1), Pro Media (7.4.0), Quickie Player (0.9.1), Revolution Slider (2.3.8), SuperMint Theme (2.0.7.2), The Void theme (1.0), Vaporsafe Calculator (1.0.0), VideoJS Player (1.0.2).

# concrete5 Overrides
blocks/page_list, blocks/vaporsafe_value_calculator, blocks/new_colours_testimonials, blocks/external_form, blocks/matogertel_area_splitter, blocks/video, blocks/remo_expand, blocks/mylab_easy_accordion, blocks/promedia_list, blocks/rss_displayer, blocks/icooon, blocks/search, blocks/news_list, blocks/mylab_easy_tabs, controllers/page_types, elements/header.php.LCK, elements/header.php, js/jquery.ui.js.LCK, js/jquery.ui.js, js/ccm.app.js, js/jquery-ui-1.8.18.custom.min.js.LCK, css/supermint.css.LCK, css/maximized.css, css/supermint.css, css/jquery.ui.css.LCK, css/maximized.css.LCK, css/jquery.ui.css, css/images, single_pages/passwordrequest.php.LCK, single_pages/passwordrequest-new.php, single_pages/passwordrequest.php, single_pages/passwordrequest-new.php.LCK, themes/RavenResponsive, themes/RavenEFDblue, themes/RavenResponsive-Mobile

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - On - If blocks on the particular page allow it.
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache/2.2.25 (Unix) mod_ssl/2.2.25 OpenSSL/0.9.8e-fips-rhel5 DAV/2 mod_auth_passthrough/2.1 mod_bwlimited/1.4

# Server API
cgi-fcgi

# PHP Version
5.3.26

# PHP Extensions
bcmath, calendar, cgi-fcgi, Core, ctype, curl, date, dom, ereg, exif, filter, ftp, gd, gettext, hash, iconv, imap, json, libxml, mbstring, mcrypt, mysql, mysqli, openssl, pcre, Phar, posix, pspell, Reflection, session, SimpleXML, soap, sockets, SPL, sqlite3, standard, tidy, tokenizer, wddx, xml, xmlreader, xmlrpc, xmlwriter, xsl, zip, zlib.

# PHP Settings
max_execution_time - 120
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 5000
memory_limit - 64M
post_max_size - 8M
safe_mode - Off
safe_mode_exec_dir - /usr/local/php/bin
safe_mode_gid - Off
safe_mode_include_dir - <i>no value</i>
sql.safe_mode - Off
upload_max_filesize - 2M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - nocache
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5
safe_mode_allowed_env_vars - PHP_
safe_mode_protected_env_vars - LD_LIBRARY_PATH

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_3) AppleWebKit/600.6.3 (KHTML, like Gecko) Version/8.0.6 Safari/600.6.3

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.