The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
jQuery Simple Slider
Description
This Plugin add a feature slide un UL/LI list with an image inside, in very simple mode. HTML Tagging required is:
<ul>
<li title="Title 1"><img title="Subtitle 1" src="image1.jpg" /></li>
<li title="Title 2"><img title="Subtitle 2" src="image2.jpg" /></li>
<li>...</li>
</ul>You can insert some link in image or subtitile, for example:
<ul>
<li title="Title 1"><a href="#"><img border="0" title="Subtitle 1" src="image1.jpg" /></a></li>
<li title="Title 2"><img title="Subtitle 2 with a <a href='#'>link</a>" src="image2.jpg" /></li>
<li>...</li>
</ul>From release 1.1.0 you can set timeout params for each single slide. Thanks to Santino Bivacqua to suggest:
<ul>
<li rel="simpleSlider{timeout: 4000}" title="Title 1"><img title="Subtitle 1" src="image1.jpg" /></li>
<li rel="simpleSlider{timeout: 1000}" title="Title 2"><img title="Subtitle 2" src="image2.jpg" /></li>
<li>...</li>
</ul>Usage
$('ul#myslide').simpleSlider();Params
alpha: Caption opacity (default '0.7'),
bgColor: Caption background color (default '#000')
bgSpeed: Background image fade speed ( 'slow', 'normal', 'fast' or number of milliseconds) default 'slow'
captionSpeed: Caption slideUp/slideDown speed ( 'slow', 'normal', 'fast' or number of milliseconds) default 'slow'
height: Caption height (default '50px')
titleStyle: CSS Object for title ( default { color: '#fff', fontSize: '14px', fontFamily: 'Arial', margin: '0 10px 0 10px', textAlign: 'left' } )
subtitleStyle: CSS Object for subtitle (default { color: '#fff', fontSize: '10px', fontFamily: 'Verdana', margin: '0 10px 0 10px', textAlign: 'left' } )
timeOut: Milliseconds interval between slide ( default 4000 )Sample
$('ul#myslide').simpleSlider( {alpha: '0.5', titleStyle: { fontSize: '18px' } } );Downloads
Development
(3 votes)