Just Brainpicks
Just Tutorials
Just Showcases
Stop asking! I wanna search everything!

This is a post in Scripting

17

Sep

Add an instant picture effect with Instant.js 2.0

If you are looking for an alternative instant picture effect to images on your webpages, think of Instant.js 2.0 from CVI-lab. With this cool JavaScript, you can save time creating a Polaroid™ image effect.

You just need to add a class=”instant” to the image (after its installment into your website), and with custom classes you get these instant picture effects :

* various tilt directions on your pictures
* vary the shadow by the desired opacity in percent:
* shadow opacity class and prevent the shading by adding “noshading” class
* vary the frame by adding icolor followed by the desired color as hex:
* preserve the image aspect ratio
* vary the annotation text and desired color as hex:
* get the text from alt attribute by adding itxtalt class
* get the text from title attribute by adding itxttitle class

Should be a real time saver for you ;) Check the details of how to implement this cool Instant.js 2.0 scripting to get nice image effect now!



Submit your stuff to Sharebrain:
So you want to submit a Brainpick, a Tutorial or a good looking Website to Sharebrain too? Then click here and share it with our readers.

Add a comment:

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

:

:


« Why online advertising is goining to take a big fall
» Image Slide Frames using Slided.js 1.3