Adding MaxWidth / MaxHeight to jQuery Supersized

I have a client that suddenly wants to limit the size of a jQuery script Supersized. He would like the image to only expand between 960px and 1020px. If you scale the monitor below this, all other CSS elements will remain in place. I know, I know, the goal of the plugin wins, but the client really wants to scale between min and max.

I looked at the script, and I could probably figure it out with a couple of days when you poke around, but I thought that someone on this great board could figure it out quickly.

So any help is much appreciated!

+4
source share
2 answers

just edit the supersized-css file like this and you get it:

#supersized { ... position:absolute; ... } #supersized img { ...position:relative; .... max-width:1020px; max-height:XXXpx; ...} #supersized li { ... position:absolute; ...} 
+1
source

Use the light block prettyPhoto has many parameters in JS to achieve the desired result. http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

Hope this help!

0
source

All Articles