IMMAGINI
Get flash to fully experience Pearltrees
Hoverizr – An in depth view of the jQuery plugin
As a web designer, from time to time, you may need to make a grayscale image fade into color on mouse over. So the typical solution would be to have each image desaturated to achieve the grayscale effect in Photoshop. Then, you would have to add a few extra divs and image tags to the markup an then add some jQuery magic to fade the images in and out.
175 Awesome jQuery Slider and Effects Roundup
This article is one of the largest and most up to date collections of jQuery slider plugins . There are different types of sliders to choose from and it is important to review the options to get the right slider design for your site. I have included basic image sliders, mixed content slider, gallery sliders, carousel sliders, banner rotators and some even have fully responsive support. jQuery slider plugins are very useful and increasingly popular web page elements used for highlighting important content. By using jQuery slider plugins, we can create amazing HTML slider effects with fancy animations of content elements like text and images. jQuery takes care of the difficult aspects like browser support and typically when using jQuery plugins it can be done with very little coding.
Arranging images in a montage like fashion can be a challenging task when considering certain constraints, like the window size when using fullscreen, the right image number to fill all the available space or also the size of the images in use. With the following script you can automatically create a montage, either for a liquid container or a fixed size container (including fullscreen), with the option to fill all the gaps. View demo Download source Having a white space in the end of the container can, as well, be avoided optionally.
Automatic Image Montage with jQuery
This version of Supersized has themes, direct slide links, dynamic preloading, and an API. Introducing Supersized 3.2 Features Resizes images to fill browser while maintaining image dimension ratio Cycles backgrounds via slideshow with transitions and dynamic preloading Core version is available for those that just want background resizing. Navigation controls with keyboard support Integration with Flickr – pull photos by user, set, or group Head over to the project page for all the details.
Supersized 3.2 – Fullscreen Slideshow jQuery Plugin
Web applications need to provide easy-to-use solutions for uploading and manipulating rich content. This process can create difficulties for some users who have minimal photo editing skills. Cropping is one of the most used photo manipulation techniques, and this step-by-step tutorial will cover the entire development process of an image cropping plug-in for the jQuery JavaScript library. Step 1. Setting Up The Workspace First, we are going to set up our project workspace for this tutorial.
How to Create a jQuery Image Cropping Plugin from Scratch – Part I
Orbit and Reveal: jQuery Plug-Ins For Image Sliders and Modal Windows - Smashing Magazine
A visitor comes to your website all giddy to learn more about your product, when suddenly a snazzy slideshow loads with some snap. Impressed, they go to register and are greeted by a most elegant modal window. At this point they are finally overjoyed by the velociraptor that suddenly charges across their screen. They don’t know why but they like it. Crafting a polished and unique experience for your users is becoming ever more critical as the Web gets more overloaded. Standing out is hard.