Swell will instantly light-box any image with a unique animation. It has a selection of built in thumbnail hover effects, and is intended to be used anywhere in your page.
So you want to place an image somewhere in your page. You want the detail of the image to be seen by the visitor, but placing it in the page in all it's full size glory is just too overpowering for the rest of the page layout.
This is when you should turn to Swell. It allows you to drop in your large image, and just see a smaller thumbnail of the image in the page (you have total control over the thumbnail size). When the user clicks the thumbnail sized image, it pops into a light-box animated from it's size and position in your page to the full size version in centre screen.
Swell is clever too. Lets think about mobile. On small mobile screens the chances are that your thumbnail Swell image is going to be filling almost the full width of the screen, because of your responsive design. What's the point of light-boxing it in this situation? There's none really, as it can't get significantly larger on this screen size. So Swell has an option to completely turn it's self off below a certain screen size that you define.
