bxSlider v1.0
Demo zur neuen Version 2.0 coming soon.
- This list is set to "auto"
- "speed" is set to 1500
- "pause" is set to 3500
- "width" is set to 600
- You can have unlimited list items
code2 block
<div id="bxticker">
<p>We proudly present:</p>
<p><a href="http://bxslider.com/demos.php">bxSlider</a></p>
<p>klein</p>
<p>fein</p>
<p>schnell</p>
<p>und valide!</p>
</div>
<br/>
<ul id="bxslidera">
<li>This list is set to "auto"</li>
<li>"speed" is set to 1500</li>
<li>"pause" is set to 3500</li>
<li>"width" is set to 600</li>
<li>You can have unlimited list items</li>
<li><img src="http://www.websitebaker.net/media/wb-boxed_28_stable.jpg" alt="" /></li>
</ul>
<br/>
<br/>
<ul id="bxslider">
<li><img src="http://www.websitebaker.net/media/wb-boxed.png" alt="" /></li>
<li><img src="http://www.websitebaker.net/media/wb-boxed_28_stable.jpg" alt="" /></li>
<li><img src="http://www.websitebaker.net/media/wb_280_rc2.png" alt="" /></li>
</ul>
<br/>
entweder im template oder in ausgelagerter Datei
$('#bxticker').bxSlider({
mode: 'ticker',
speed: 8000,
width: 600,
wrapper_class: 'bxt'
});
$('#bxslidera').bxSlider({
mode: 'slide',
auto: 'true',
speed: 1500,
pause: 3500,
width: 600,
wrapper_class: 'bxs'
});
$('#bxslider').bxSlider({
mode: 'slide',
speed: 250,
width: 600,
wrapper_class: 'bxs'
});