ajax,javascript and dhtml sliders list

phatfusion - slider

* Horizontal or Vertical options
* snap to steps
* apply transitions to the slide

http://www.phatfusion.net/slider/

Simple images slider to create Flickr-like slideshows

a simple way to implement a Flickr-like slideshow ("image carousel") and finally I found a good compromise between complexity and result to implement it using Prototype-UI, an awesome JavaScript framework based on Prototype and Scriptaculous.

http://woork.blogspot.com/2008/03/simple-images-slider-to-create-flickr.html

Unobtrusive Slider Control Revisited

The slider is created using DIV elements, which means that only browsers that support the extending of DOM elements with a tabIndex (for the purposes of making them keyboard accessible) will be able to catch both the focus & blur events on the DIVs in question (currently Internet Explorer and Firefox/Mozilla).

http://www.frequency-decoder.com/2007/09/10/unobtrusive-slider-control-revisited

Photo Slider Tutorial

Requirements

• jquery
• photoslider.js
• photoslider.css
• Very basic knowledge of html & javascript

http://opiefoto.com/articles/photoslider

Accessible News Slider

Accessible News Slider is a JavaScript plugin built for the jQuery library.

http://www.reindel.com/accessible_news_slider/

Yahoo! UI Library: Slider

The Slider component is a UI control that enables the user to adjust values in a finite range along one or two axes. Typically, the Slider control is used in a web application as a rich, visual replacement for an input box that takes a number as input. The Slider control can also easily accommodate a second dimension, providing x,y output for a selection point chosen from a rectangular region.

http://developer.yahoo.com/yui/slider/index.html

Fireworks.js

Fireworks.js is a bit of Javascript that creates starburst-type explosions in a web document; in short, it's a fireworks effect someone could theoretically use on their site. And come on, who doesn't want something like that? As far as appropriateness is concerned, this effect could be compared to the dripping-blood-line, skull and fireball animated .GIF images so popular on the web in 1997. Exploding firework animations are hot, the new black, the script equivalent of the blink tag. Mmm, blink tag.

http://www.schillmania.com/projects/fireworks/

Slider Gallery

This 'product slider' is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff.

jQuery already has the plugins to create these effects so we don't have to go about creating them ourselves from scratch.

http://jqueryfordesigners.com/slider-gallery/

2J News Slider - Joomla Ajax Slider

This extension it's very flexible and useful tool for every joomla website, which make you able to build animated front end section (with 2JNewsSlider module, plugin/mambot and component).
2JNewsSlider component reading content articles from Joomla category and showing them at front end 2JNewsSlider module, inside Joomla content article (with 2JNewsSlider mambot/plugin) or using direct link to 2JNewsSlider component. 2JNewsSlider building slides from the intro text of articles (with headline and images).

http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,4415/Itemid,35/

DHTML Widget : Inline Range Slider

Test with

• IE 5.5
• IE 6
• Firefox 1.5
• Opera 9
• Opera 8.51
• Safari 2.0 (buggy, fix it if I have spare time)

http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,4415/Itemid,35/

Ajax Image Sliders Part 2: Intervals with On Demand

The Interval Method
This method requests a series of images from the server, at a set interval along the entire slider.  These images are requested as the page is loading, new requests are made when the slider has finished moving.  The pre-loaded images are stored in their own image tags, hidden and shown when needed.  This is along the same lines as many image pre-load scripts that were used for rollovers, many years ago.

http://www.atalasoft.com/

MooTools - Mootools Slider

The Slider-Plugin allows you to drag&drop a knob inside an element to set a value within a certain range.

http://demos.mootools.net/Slider

Slider Using PHP, Ajax And Javascript

Have you been searching for the slider script and implementing it in Ajax with PHP then you are in the right place buddy.Here is the post for you in which I’ve implemented javascript slider to work in Ajax using PHP. Ok let’s Begin it by creating the following tables in the database. Here is the mysql code to create the table named “tbl_slider” in database.

http://roshanbh.com.np/2008/01/slider-using-php-ajax-and-javascript.html

A quick update to Coda-Slider: unique classes for navigation tabs

http://www.ndoherty.com/blog/category/coda-slider

jQuery Multimedia Portfolio

http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html?lang=en

Ultimate JavaScript Slider and Scroller

This versatile and lightweight JavaScript clocks in at less than 3.5kb unpacked. The above example is one of four scenarios I have demonstrated on the demo page.

http://www.leigeber.com/2008/05/ultimate-javascript-scroller-and-slider/

Aug df Javascript Smooth Scroll

We are again back with another interesting miniature javascript called the “df Smooth Scroll“. This script is also one of the smallest Smooth Scrolling Javascripts after our Simple Accordions.

http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll/

jQuery.SerialScroll

This plugin allows you to easily animate any series of elements, by sequentially scrolling them. It uses jQuery.ScrollTo to achieve the scrolling animation. It is a very unrestricted plugin, that lets you customize pretty much everything from outside. You can use horizontal or vertical scroll, also combined.

http://flesler.blogspot.com/2008/02/jqueryserialscroll.html

jQuery.SerialScroll

Smooth Scroll by Dezinerfolio

http://www.dezinerfolio.com/wp-content/uploads/smoothscrolldemo/df_smooth_scroll.html

Easy Scroll: Accessible Content Scroller

Easy Scroll is capable of scrolling any type of content by using unobtrusive JavaScript. It has up and down scroll options and reset button that places your content in the default position.
It also features double speed. When buttons are rolled over, slow scrolling starts. When buttons are pressed, speed increases.

http://cssglobe.com/post/1495/easy-scroll-accessible-content-scroller

Scrolling Div Content with Graphical Scrollbars

DYN-WEB's scrolling code (formerly called scrolling layers) has been around for several years. This freshly updated code (version date: April 2008) has been streamlined and new features have been added, such as mousewheel support, unobtrusive event handling, accessibility features, and dynamic update capability.

http://www.dyn-web.com/code/scroll/

Scrollable content II

We derived our idea for this script from MrShowBiz (now retired), which used a similar setup on its front page to display news headlines. Display content in a confined area. Users can then view the entire content via the automatic scroll up/down functionality. Compatible with all DHTML browsers (IE4+, NS4, NS6), this is a great script to compact and add a touch of interactivity to portions of your page.

http://www.dynamicdrive.com/dynamicindex11/scrollc2.htm

Pamoorama

Pamoorama is a simple script that aims at spicing up your panoramic image a little bit. It quite small in size (5kb) and requires MooTools (required MooTools module will be listed below). No CSS file, barely any html..

Basically what it does is to show only a part of your fullsize image. The image can then be scrolled by moving the mouse over it. Pamoorama will also display a small thumbnail of your panorama with a small window/frame so you can see which part of the image is visible right now. Dragging this little window is also possible!

http://www.silverscripting.com/pamoorama/index.php

Mootools CSS Styled Scrollbar

This is an example how to make your own styled scrollbar using Mootools

http://solutoire.com/2008/03/10/mootools-css-styled-scrollbar/

jsScrollbar

jsScroller is an instance of jsScroller.js, scrollbarContainer is the element that contains all the components for the scrollbar, auto is a boolean value that when set to true makes the whole scrollbar disappear when the content doesn't fill up the whole area and when set to false makes just the handle disappear, and eventHandler is a function that can change the look fo the scrollbar components when they are clicked on and such. This will be discussed a little later in the tutorial.

http://www.n-son.com/scripts/jsScrolling/jsScrollbar.html

20.07.2008. 14:15