Translucent is a jQuery plugin for make transparent/translucent design element in webpage.
Best jQuery Image Effects Plugins & Tutorials with Demo
Sliced Dual Image Layout with CSS
Today we’d like to share some layouts with a sliced image look with you. The idea is to show some text elements in a grid layout and change the content and images in a slideshow fashion. For the background image slices, we created a little plugin that has a couple of additonal options. For making an interesting transition, we use a glitch effect. This effect we also apply to some of the text.
jQuery Images Compare Plugin
A jquery plugin for comparing two images.
Features:
- Effort to put appearance via css (easier to skin / override)
- Touch friendly, mouse drag, with a big thanks to Hammerjs.
- Responsive
- You can listen to change event to add some of your logic
- You can change the value from external code
- Animation option when changing the value
- Optional alternative interaction modes : drag by default (the recommended one), click and mousemove (warning desktop friendly only for this settings)
ComicBubbles : Speech balloon JavaScript library
ComicBubbles is a JavaScript HTML5 canvas library which simplifies the process of adding speech bubbles to photos. ComicBubbles bubbles can be saved as JavaScript objects or merged with the original image.
Key features:
- small size, framework-independent
- can produce interactive, animated speech|thought|scream balloons
- API
jQuery Meme Generator Plugin
Meme Generator is a jQuery plugin allowing easily creating images with captions (memes). It doesn’t require any special markup, you can use it on any <img> and the plugin will handle the rest. It uses HTML5 Canvas to create images.
Features:
- Seperate styling for each text box
- Drawing tool with customizable color and size
- Two preview modes – canvas and CSS – latter being more suitable for slow machines
- Saving image as data url or canvas
- Predefining captions
