Javascript, Flash, & AJAX slideshows and gallery transitions

Posted by admin on 12.04.08 4:44PM under web stuff

I have links squirreled away all over my computer of slideshows and galleries. I’m trying to centralize them here. As I have time I’ll add descriptions so you’ll know what’s what:

 

Slideshow Pro isn’t free but it’s an inexpensive ($29) and sophisticated slideshow program for Flash that displays photos or video and a variety of formats. It’s very flexible–Actionscript 2 or 3, transitions, full-screen mode, use music or narrative…take a look.

 

Slayeroffice has a JavaScript photo transition, with a clean look, adjustable timing and a transition you can disable..

Slayeroffice's Javascript photo transition

Slayeroffice's Javascript phototransition

 

The infamous Stu Nichols at CSSPlay created an elegant CSS-only mouseover-activated hierarchical gallery.

Stu Nichols' CSS art gallery

Stu Nichols' CSS art gallery

 

BrandSpankingNew’s crossfader script has come in handy for me in quite a few projects. It doesn’t look like much but it’s incredible flexible–transitions text, links, & images in DIVs; the transition is configurable as to fade amount and timing, and you can make the DIVs any size…I added changing tabs for AARP’s Bulletin website.

BrandSpankingNew's JavaScript Crossfader

BrandSpankingNew's JavaScript Crossfader

 

Benjamin Keen’s Flash image scroller is a simple, free (GNU-licensed), highly configurable Flash script for thumbnail image scrolling. It features glow, shadow and zoom mouseover effects; auto-scrolling, infinite looping, randomizing, captions, and more.

Benjamin Keen's flexible flash image scroller

Benjamin Keen's flexible flash image scroller

 

Emrah Baskaya’s custom scrollbar is cross-browser compatible, degrades nicely, and is easy to use—he also has photoshop tutorials and other web development projects (like image swapping with no HTML markup).

http://www.layersmagazine.com/flash-slideshow-image-gallery.html
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
http://www.javascriptkit.com/dhtmltutors/dhtmlrotate4.shtml
http://www.e2interactive.com/e2_photo_gallery/demo.php

Slideshow, content sliders:
http://www.ndoherty.com/demos/coda-slider/1.1/#1
http://opiefoto.com/articles/photoslider#example
http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/
http://css-tricks.com/examples/FeaturedContentSlider/
http://www.artviper.net/mooHorizonSlider/mooSlider.php
Mike-o-Matic’s uses Script.aculo.us.
http://www.efectorelativo.net/laboratory/noobSlide/
http://smoothgallery.jondesign.net/showcase/timed-gallery/
http://www.electricprism.com/aeron/slideshow/
http://www.couloir.org/js_slideshow/#2

Leave a Reply