Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Slider’

jCoverflip is a jQuery plugin for easily creating coverflow-like interfaces that can display images or any other content.

The content can be browsed by simply clicking on any of the items or using a slider (jQuery UI slider).

It is possible to define the number of items to be displayed and the animation speed of transitions.

jCoverFlip

Also, the look and feel can be customized as colors, fonts and styles used can be edited.

P.S. Optionally, it comes with "methods of integration" for Drupal-powered websites as a module.

tabSwitch is a jQuery plugin for creating tabs & sliders very easily.

It is possible to choose from 7 different effects (fade, show, toggle..) with 2 view styles. Any type of HTML can be used & tabs can be switched as previous-next or directly into a specified one.

tabSwitch - jQuery Tab Plugin

The look of the viewport can be customized via CSS & every single tab can have its own class.

To see the simplicity of usage, here is how it is called & customized:

 $('.SlideTab').tabSwitch('create', {type: 'toggle', height: 300, width: 440}); 

And, tabSwitch can auto-display each tab/slide. More examples for the plugin can be found here.

Marcofolio.net is presenting a nice tutorial (with source files) for creating the famous iPhone unlock interface with XHTML-CSS & the slide effect via jQuery.

Although there are missing features from the standard effect like "the slider not going back", it is still inspiring & can be used to create a form control (like captcha) or present a content in an iPhone like interface.

(See also: iPhone Application And Website Development: All Tools And Tutorials You Need)

iPhone Unlock Interface

For the slider, jQuery UI’s slider component is used.

For a demo of this interface, click here.

Uptime Robot
feed-holder
FeedBurner
  • PSD to HTML
  • PSD to HTML
  • aXmag - Flash Page Flip Magazine Software, PDF to Flash Converter
    ManageWP