QuickSlideConfig = { loading_spinner_url = "loading-spinner.gif", max_width: 800, max_height: 600, auto_fit: true };And to clarify, the size of the popup is determined by the the size of the image first, then any max_width/size settings are applied, then if the auto_fit option is set the image is scaled to fit the window, if necessary.
QuickSlideConfig = { loading_spinner_url = "loading-spinner.gif", max_width: 320, max_height: 240, auto_fit: true };
<script src="quickslide.js"></script>
<a rel="quickslide" href="/folder/image.jpg"><img src="/folder/image.jpg" alt="" width="300" /></a>
It doesn't :(
Chrome 11.0.696.71 and FF 4.0.1
The popup seems to be working but the image is 100% size and not scaled at all.
I'll see if I can get you any more details.
Yes, showing as gigantic popup covering entire window, and yes it's inside <script> tags. I should've added the tags on here.
The content was being pulled from an MySQL db by PHP but I've just tried it with one of the same image files in a plain HTML file and it still happens.
Found a problem. I have a long page with 3 images/thumbs on it at different points down the page. First image/thumb is near the top, have to scroll to get to the other 2.
When I click the top one the popup appears half way down the page and I need to scroll down to see it.
Are you having the popup appear at the middle of the page height/vertical wise, rather than at the middle of the window?
body { overflow-y: scroll; }
Nope :(
I've updated the test and you'll see if you click the bottom one it extends the page below the normal length of the page.