jQuery Glider Component

来源:互联网 发布:sql case when 多字段 编辑:程序博客网 时间:2024/06/05 11:27

The nice folks over at Dynamic Drive have created a new jQueryplugin that lets you turn ordinary pieces of HTML content on your page into aninteractive, "glide in" slideshow, with several
configurable options:

This script lets you painlessly showcase new or featuredcontents on your page, by turning ordinary pieces of HTML contentinto an interactive, "glide in" slideshow. For theultimate in the
ability to customize its look, the pagination links are alsoordinary links that you define on the page, but with special CSSclass names inserted when it should perform a certain task (ie:"toc" class if it's a pagination link). This meansthe pagination links can be styled and arranged any way you like.The script enlists the help of the jQuery libraryfor its engine. Lets see a rundown of the script's featuresnow:

  • Both the contents to show as part of the glider plus thepagination links used to toggle them
    are created from ordinary HTML content on the page. The paginationlinks can
    be styled, arranged, even selectively removed anyway youlike.
  • Pagination interface is gently faded into view.
  • Supports two different display modes- "manual" and"slideshow."
    In slideshow mode, the glider automatically rotates the contentsuntil the user
    explicitly clicks on one of the pagination links to view aparticular content.
  • With slideshow mode, specify optional number of cycles glidershould go
    through in slideshow mode before it stops.
  • Ability to configure the "glide in" duration (inmilliseconds), such as 1
    second, 600 milliseconds etc.
  • Optional persistence feature to remember and recall the lastcontent
    viewed by the user when they return to the page within the samebrowser
    session (session only cookies).
  • Multiple Featured Content Sliders per page supported.

The site has all of the details for setting up the content withsimple CSS classes, init script, and such.

jQuery Glider

原创粉丝点击