Posts Tagged ‘slideshow’

Creating a polaroid photo viewer with CSS3 and jQuery

Creating a polaroid photo viewer with CSS3 and jQuery

Placing pictures on simple polaroids on a webpage simply didn’t do it for me. I wanted to drag them around, rotate them and still have a fun time. That’s were CSS and jQuery come in play.polaroid_css3_jquery

MooFlow Image Gallery | Mootools

MooFlow Image Gallery | Mootools

Image gallery uses MooTools.mooflow mootools

Supersized 2.0 with Transitions & Controls

Supersized 2.0 with Transitions & Controls

A Full screen background/slideshow jquery Full screen background slideshowplugin

jCarousel | Slide Images using jQuery

jCarousel | Slide Images using jQuery

jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. jCarousel Lite

Step Carousel Viewer based on jQuery

Step Carousel Viewer based on jQuery

Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific content on demand, or browse the gallery sequentially by stepping through x number of contents each time.Step Carousel Viewer

Apple style sleek content slider using jQuery & PHP

Apple style sleek content slider using jQuery & PHP

we are going to make a slick content slider for a computer shop, with the help of jQuery and the MopSlider plugin. The slider is going to be generated with PHP and we are using a plain txt file as a data source for the notebook configurations.
sleekslider

noobSlide | Mootools slide show

noobSlide | Mootools slide show

One more lightweight slider created with MooTools library.noobSlide | Mootools slide show

RokSlideshow | mootools powered JavaScript

RokSlideshow | mootools powered JavaScript

RokSlideshow is a mootools powered JavaScript slideshow that allows you to quickly and easily display a selection of images and transition between them. The slideshow itself is very flexible and easily customizable and offers a great alternative to flash-based solutions.
RokSlideshow

Floom Blinds-effect MooTools slideshow

Floom Blinds-effect MooTools slideshow

Floom is a Blinds-effect MooTolls slideshow plugins.It has two way to set Floom up.One is the object way and the other way is by simply passing a element collection.Floom Blinds-effect MooTools slideshow

Learning jQuery: Revealing Photo Slider

Learning jQuery: Revealing Photo Slider

So in my journey to to learn jQuery, I’m trying to learn to do some things that CSS can already do but that jQuery can do “sexier”. Jonathan Snook has an article up “Content Overlay with CSS” in which extra content is revealed in a certain area when it is moused over. This inspired me to try to do something similar with jQuery. My first thought was a thumbnail photo gallery, where clicking a button would reveal the entire photo and more information about that photo. Here is the result:

Learning jQuery: Revealing Photo Slider

Learning jQuery: Revealing Photo Slider

Subscribe to RSS Feed Follow Ajaxmint on Twitter!
Get Adobe Flash playerPlugin by wpburn.com wordpress themes