Beautiful customizable jQuery carousel.
Features:
- an unique vertical scrolling mode besides standard horizontal one
- an adjustable number of strings
- can adjust to the width of a page
- supports any content
- autoscroll
- much more
There are many example out there that using CSS3 transform and animation for enhancing the webpage and today I’m going to share one of them. Using CSS3 transform and animation we will create a bouncing effect when an item (in this case image) is showing or added to our webpage.We will have an image list positioned on the bottom of the page wrapped by a single div, it will be opened by clicking a plus sign. If one of these image is clicked it will be showed on the middle of the page with bouncing, if other image clicked it also be showed next to previous showed image.
To have a bouncing effect is a little bit tricky, we can use transform with playing scale value and helped by animation keyframes. Bouncing like zooming in and zooming out with different scale in some interval, for our bounce effect, the image will be showed bigger than its original size then scaling to smaller, bigger but smaller than the first and back to original size.
Flare – a custom responsive, touch enabled, mobile optimized lightbox jQuery plugin, which can be used to display single images/videos or entire galleries.
Image/Video Navigation via:
Transitions:
Media Support:
jQuery Picasa Plugin Stream Picasa Albums without touching the Server.Here is the HTTP API for Picasa. There’s a lot to it, but all we need to do is list albums and list photos. And we want to do this using Google’s experimental Data API feature of course, the Partial Response. The Partial Response allows us to limit the information the feed returns to us, which means significant performance improvement. For example, if all we want are the image urls, we don’t need thumbs, titles, descriptions, and the author. We can cut out 80% of the feed’s size. That’s awesome. Still waiting for Google Docs to have that.
The goal is to stream photos without ever having to touch your server. Aka, no PHP or Ruby proxy. Reason being, what if your pages are entirely static (Github Pages!), and you want it to work the same as if they were dynamic? The code should be all Javascript.
This jquery plugin creates image thumbnails on client side for multiple images in a page. Sometimes you have different images with different orientation and size, which make your page a bit difficult to read. MyThumbnail help you to generate uniform size images. Of course, the original aspect ratio of the picture is maintained. If your browser support css3, you can get a best (inner) fit image for your specified thumbnail size. Also, round corner is supported for css3 capable browser.
FEATURES