jQuery Shadow Plugin. jQZoom Evolution, javascript image magnifier. FancyBox - Fancy jQuery Lightbox Alternative. Slider Gallery. This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff. jQuery already has the plugins to create these effects so we don’t have to go about creating them ourselves from scratch. How to Solve the Problem To create the slider controlled gallery, we need the following: Markup that allows us to place several items within a list, and that overflows out of sight.A slider widget to control what subsection of products we can see.Logic to translate the sliders position to slide the products inversely (i.e. we slide left-to-right, the products go right-to-left).
I’ve provided a screencast to walk through how create this functionality. Watch the slider gallery screencast (alternative flash version) View the demo and source code used in the screencast jQuery UI jQuery UI is “a set of themable widgets and interactions”. Jquery.dimensions.jsui.mouse.jsui.slider.js HTML Markup jQuery. Using jQuery The Sexy Way: 7 Great Techniques For a Slick Layout. Whatever content you have to present, you can present them in a more interactive & more responsive ways. In this article we’d like to present 7 Impressive techniques using some jQuery magic to grab the attention of your users with a simple, rich user experience that gets them excited about your website. 1. Nivo Slider Nivo Slider is a lightweight (7kb compressed) jQuery plugin for creating good-looking image sliders with 9 unique transition effects. Features Include: To use the Nivo Slider you have to include jQuery, the Nivo Slider script and the Nivo Slider CSS on your page. 2. Flip is a jQuery plugin that will flip easily your elements in four directions.
Options Include: contentdefine the new content of the flipped box. Using it is very easy: Add content params in this way: Sponsor Flip Wall: Using PHP, CSS and jQuery with the jQuery Flip plug-in, the resulting code can be used to showcase your sponsors, clients or portfolio projects as well. 3. 4. $('#my_image').reel() 5. jPhotoGrid.