Stream

Max Kiesler's entrance page and activity stream from all my blogs

Blog Archives

All of the posts from Max's main blog

DesignDemo

Demos of web interface and interaction design

Vizlist

View all of our media

mHub

Ajax, rails and other coding examples & how-to's

Labs

My personal work, or work in progress

About

Learn more about Max

News

Stay up to date with Max

Tag(s): ajax+slideshows

3kb Ajax Image Gallery and Slideshow
This extremely lightweight JavaScript image gallery and slideshow script clocks in under 3kb packed and includes a number of cool features. Recently I was looking for a nice existing script for a client project. I wanted something elegant, simple and lightweight. What I found were a number of scripts built on JavaScript frameworks and a few others that really lacked any appealing interface or were over 30kb. I challenged myself to build a full-featured slideshow gallery under 4kb. Hopefully I will be add a few more features to the script soon and make it a little mode user-friendly.
Blog: mHub - Read More...



Phatfusion - Awesome AJAX Examples
I've been posting AJAX demo's, tutorials and code since term was introduced, and while there is only six examples now I find the AJAX work at Phatfusion as some of the best I've seen. There is an AJAX lightbox, AJAX image viewer, AJAX validate script, AJAX rounded corners, AJAX sortable table and an AJAX slideshow. Hats off to the developer.
Blog: mHub - Read More...



Highslide JS
Highslide JS is a piece of JavaScript that streamlines the use of thumbnail images on web pages. The library offers these features and advantages, no plugins like Flash or Java required. Popup blockers are no problem. The images expand within the active browser window. Single click. After expanding the image, the user can scroll further down or leave the page without restoring the image. The approach uses two separate images. No heavy full-size image packed into thumbnail display size! The full-size image is loaded in the background either on page load or when the user clicks the thumb. You specify this option in the script's settings. Compatibility and safe fallback. If the user has disabled JavaScript or the JavaScript fails in any way, the browser redirects directly to the image itself. This fallback is able to cope with most exceptions and incompatibilities.
Blog: mHub - Read More...



JonDesign’s Smooth SlideShow Library
Using moo.fx and prototype.lite.js, this javascript slideshow system allows you to have a simple and smooth (cross-fading...) image slideshows and/or showcases on you website.
Blog: mHub - Read More...



Introducing FlickrShow
FlickrShow is a simple slide-show tool that allows you to display images from a Flickr photoset on your web site. It is easy to use - photographs can be displayed by adding a few simple lines of HTML and Javascript code to your site. It is also unobtrusive and compact, the script only adds an additional five kilobytes to your page.
Blog: mHub - Read More...



Rich Ajax slide shows with DHTML and XML
Learn to create an Asynchronous JavaScript and XML (Ajax) client-side slide show that's animated using "Ken Burns Effects." Here, you discover how to build XML data sources for Ajax, request XML data from the client, and then dynamically create and animate HTML elements with that XML.
Blog: mHub - Read More...



Prototype Javascript Lightboxes
This class is based on Prototype 1.5. The code is inspired of the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file.
Blog: mHub - Read More...



Revolver | FiRE | Fast Image Rotation Engine
At Tubatomic Studio, we were looking for a quick, simple, and reusable doohickie (technical jargon) to showcase images on our own personal websites. Being graphic designers we wanted to show off our big, bold, beautiful images in a click-thru gallery with zero space for navigational controls, run by a super-fast engine built with minimal code. Guess what? We couldn't find one. What to do? We made one... and then we did what we usually do when we create something useful and cool - we built a website for it to give it away for free.
Blog: mHub - Read More...



Live Thumbnails: Watch ‘em Grow
They've been around since forever, and they all work the same way. You have a page full of thumbnails, and when you click one, you get a page with a larger version. What if thumbnails could grow into full images seamlessly right on the same page?
Blog: mHub - Read More...



Christof Wagner - fotograf
AJAX slideshow with a nice window shade translation. There is no documentation or download, however it is a good example to look at.
Blog: mHub - Read More...



Lightbox Gone Wild
While researching the best way to recreate a modal window for our current project, we ran into Lokesh Dhakar's lightbox.js and we knew we found a winner delivery container. Dhakar's method, however, while fantastic, was a bit too specific for our purposes and so we created our own implementation that we think is a bit more flexible for extending a web site's interface. In this tutorial, we'll take a look at how to create a modal window using some nifty JavaScript and CSS.
Blog: mHub - Read More...



Lightbox JS
ightbox JS is a simple, unobtrusive script used to to overlay images on the current page. It's a snap to setup and works on all modern browsers.
Blog: mHub - Read More...



AJAX Slideshow
It resizes, it transitions, it fades in and out and it's not flash!
Blog: mHub - Read More...



Stuff

Subscribe

  in a reader
  by email

    

About

Max Kiesler is an award-winning strategic designer and co-founder
and principal of Ideacodes.com, a web consultancy in San Francisco focused on next generation websites. About Max...

My Latest Twitter

07-24 5:15
Yeaaah! I just got my followers back. Mahalo, twitter peeps.