jQuery Infinite Carousel Plugin The Infinite Carousel is a jQuery plugin that allows you to showcase any number of images and videos in a carousel-like fashion. Unlike some other carousels, the Infinite Carousel displays items in a continuous loop no matter how you navigate. Try out the demos below to see how versatile the Infinite Carousel is. Download Download jquery.infinitecarousel.zip (version 3.0.3 – January 24, 2013) What’s So Great About this Plugin? It’s just 11 Kb compressedDisplays image and videosCaptions and linksNew thumbnail optionsCool new circular ring timerKeyboard navigationCallback functionsNo browser lag caused by moving between tabsShortest path algorithm finds the shortest distance between images when using thumbnails to navigate.Works in all major browsersReusable on multiple containersCompletely free for commercial and non-commercial use (see license in plugin header) Demos Notes Options Instantiating $(‘#carousel’).infiniteCarousel({}); CSS Classes
Top 30 Javascript Slideshows, Sliders and Carousels | Vivalogo Resources In this article we'd like to present a list of over 30 hand-picked Javascript Slideshows, Sliders and Carousels. It`s probably the web`s most comprehensive list of these resources. Take a lookNote: listed in no particular order. jquery.popeye Demo Popeye generates an inline image gallery from an unordered list of images. The gallery features clever inline image enlargement, i.e. the enlarged image stretches out over the site content without adding a visual overlay of the whole site ... Cincopa Demo Cincopa is the ultimate sales boosting plugin for CMS based sites (wp, Joomla,etc). BarackSlideshow Demo A slideshow as the one seen on Barack Obama's website, based on Mootools. A jQuery plugin for controlling a list of items in horizontal or vertical order. noobSlideDemo Based on Mootools. SpaceGalleryDemo A jQuery plugin. Agile CarouselDemo A jQuery plugin that allows you to easily create a custom carousel. Simple Controls Gallery Demo Animated JavaScript SlideshowDemo Easy POP Show PikachooseDemo
Graphic Design Tutorials : Graphic Design Software Directory & Portal for Graphics Tips : Desktop Publishing Resources & Graphic Design Links [2200+ Sold!] DESTROYING "Banner Blindness", One Warrior at A Time! Any Niche, Anywhere! I also got stuck in an endless loop on the OTO. I'm using Firefox. Buyers, if you can't get out of the OTO, don't worry. Just log in to JVZoo and the download will be there waiting. I was an early buyer, received only the plugin and was slightly disappointed there were no instructions. Two things I think you should look out for that tripped me up. 1. 2. Re: 2. So far I'm having fun with this plugin, perhaps too much fun. I'll have to settle down and use it wisely to get the full reward. Use it sparingly and it will serve you well.
Elastislide - A Responsive jQuery Carousel Plugin Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images. View demo Download source With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is a responsive jQuery image carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid. In a carousel, one could think that simply making its container “shorter” will solve the problem on smaller screens, but in some cases (e.g. when we have bigger images) it might be reasonable to resize the items as well. Elastislide uses the jQuery++ for the swipe events on touch devices. The HTML Structure Use your preferred ID and call the plugin like this: $('#carousel').elastislide();
Demo | jQuery.popeye 2.0 | an inline lightbox alternative x Note: To see the full potential of CSS3 styling (shadows, gradients, rounded corners, alpha transparency), please view this page in a modern webkit or mozilla browser (Firefox 3.5+, Safari 4, Opera 10.50, Chrome 4). Other browsers will degrade gracefully. Except for IE6, though, which I didn't bother to include. Example 1 The first popeye-box uses the standard options: it floats to the left and opens to the right, its navigation and caption show on mouseover. By placing the navigation inside the stage area (where the image is displayed), we can get it to hover above the image. No need to read this, just dummy text ;-) Vivamus ut nisi id libero interdum pretium. View HTML code used in this example Example 2 The second popeye-box has the following user-defined options: direction: 'left' - open to the left. caption: false - do not display captions (even though the images have alt tags with text). navigation: 'permanent' - the navigation is always visible. View HTML code used in this example
Minimalist Web Design: When Less is More As designers, we all know that a minimalist design can achieve beautiful results. Still, many designers have trouble creating one; either they have a hard time making a page with so few elements look good or the final result just doesn’t look “complete.” There are many articles on the Web about minimalism and this article aims to help you achieve a minimalist design that is beautiful but not bare. To top it off, we’ll present a small showcase of minimalist designs, so that you can analyze why some designs work and others don’t. What Is Minimalist Design? Minimalist design has been described as design at its most basic, stripped of superfluous elements, colors, shapes and textures. Its purpose is to make the content stand out and be the focal point. The design movement began in Switzerland and was then applied to a variety of media: graphic design, architecture, music, literature, painting and, more recently, web design. We’ll go over the basic principles of minimalist design. Less Is More 1.
SpeakPipe - listen to your customers