StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POjqzoom flyout alignment with mobile safari (ipad)
text
Body
copied!<p>I have jqzoom all setup and everything works great except a couple things, one being even though I tell jqzoom to align the flyout image to the right of the original image, on our ipad it puts the image on the left.</p> <p>Does anyone know the workings of jqzoom well enough to know why it would do this? It looks like jqzoom is setting [left:] no matter what, and just adjusting the [left:] value accordingly (say in the -minus direction) if the flyout is to be on the right? If that's the case, can't it just do an if/else, and if it needs to be on the right, set the [right:] instead of the [left:]?</p> <p>This is how I have jqzoom setup:</p> <pre><code><div id="jqDiv" style="width:400px; height:400px;"> <a id="imageNameAId" href="http://path.to.image/bigImage.jpg" class="MYCLASS" rel="gal1"> <img src='http://path.to.image/smallImage.jpg' alt='imageName' id='imageNameImgId' height="400" width="400" /> </a> </div> <script type="text/javascript"> var options = { zoomType: "standard", lens: true, preloadImages: true, alwaysOn: false, zoomWidth: 600, zoomHeight: 600, xOffset: 10, yOffset: 0, position: "right", title: false }; // Delay jqzoom binding to allow (rel) thumbnail images time to load setTimeout( function() { jQuery('#imageNameA').jqzoom(options); }, 500); </script> </code></pre> <p>Normal and Expected:</p> <pre><code>.--. .-----. | | | | `--' | | `-----' </code></pre> <p>Mobile Safari:</p> <pre><code>.-----. .--. | | | | | | `--' `-----' </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload