Best jQuery Gallery Plugins & Tutorials with Demo

    Pulling Your Flickr Feed with jQuery

    Pulling Your Flickr Feed with jQuery

    Feeds are the easiest way to view updated content, whether it’s through a feed reader or outputted onto a web site. There are many different types of feeds, such as RSS or Atom, and many different ways display them on your site, such as using MagpieRSS to parse an RSS feed in PHP. However, you can also display feeds on your site using JavaScript, so in this post I’m going to be talking about a feed format called JSON and how you can use JavaScript to parse it out and display it…..

    Minimit – A jQuery Plugin For Galleries, Slideshows Or Carousels

    Minimit – A jQuery Plugin For Galleries, Slideshows Or Carousels

    Minimit Gallery is a highly customizable Jquery plugin that does galleries, slideshows, carousels, slides… pratically everything that has multiple states.

    Using Minimit Gallery you have more time to focus on the ideation and the dynamics of your interface, all the logic functionality instead is managed by the plugin. It’s designed for advanced Javascript/Jquery programmers because you need to code all the animations and the css of the gallery.

    HTML5 & CSS3 Powered Slideshows – Slider.js

    HTML5 & CSS3 Powered Slideshows – Slider.js

    Slider.js is a slideshow engine built with jQuery and uses CSS3 and/or HTML canvas for the transitions.Items can have a text-caption with links and users can browse it with a pagination or using the prev-next links.Slider’s design can be completely changed as there is support for theming and interactions can be customized using the well-documented API.

    The data source is JSON and, besides the 13 available CSS transitions, there 10 built-in and good-looking canvas functions.

    wmuSlider, a jQuery responsive slider

    wmuSlider, a jQuery responsive slider

    A responsive jquery slider.

    Basic jQuery Slider – Simple slideshows for featured content

    Basic jQuery Slider

    Basic jQuery Slider has been developed to be as simple and lightweight as possible. Only the essential functionality has been included combined with clean semantic mark-up. This means instead of removing features and bending it to suit your needs, you can use this slider and as a base and extend it to be as feature rich, or as simple, as you need.

    Fullscreen Image 3D Effect with CSS3 and jQuery

    Fullscreen Image 3D Effect with CSS3 and jQuery

    Today we want to share one of our CSS 3D Transforms experiments with you. The idea is to show an image’s fullscreen version by rotating two blocks in three-dimensional space. The faces of the blocks being rotated to the front will show the fullscreen image.

    Image map with Dreamweaver and jQuery

    Image map with Dreamweaver and jQuery

    Today we will have a look at creating the image map with roll over highlight using Adobe Dreamweaver, jQuery and Adobe Photoshop to create the set of images.

    Wave Display Effect with jQuery

    Wave Display Effect with jQuery

    Today we want to share an experiment with you that let’s you show images and content in a unique form – a wave. The idea is to initially have some smaller thumbnails rotated and placed in the shape of a sine curve. When clicking on a thumbnail, we’ll “zoom” in to see a medium sized version. Clicking again will make the large content area appear; here we will show some more content.

    FerroSlider jQuery Plugin

    FerroSlider jQuery Plugin

    This plugins allows you to organize the contents of you website in a unusual and cool way and navigate through them with a sliding effect.
    The final effect is similar to Mac’s or Linux multiple desktops.
    You can position content as you want: by row, by column or using a custom displacement.

    Circle Navigation Effect with CSS3

    jQuery Circle Navigation Effect with CSS3

    Today we want to show you how to create a beautiful hover effect for an image navigation using CSS3. The idea is to expand a circular navigation with an arrow and make a bubble with a thumbnail appear. In our example we will be showing the thumbnail of the next and previous slider image on hovering the arrows. The effect is done with CSS3 transitions.