• 
• 

How to use the Sliders

You can insert the below code in a custom html module to get the same result as our demo home page.

jQuery Nivo Slider

<div style="width: 640px; margin: 0 auto;">

<div class="slider-wrapper theme-default">

<div id="bt_nivo_slider_fade_slow" class="nivoSlider">

<img src="images/sampledata/image-nivo-1.jpg" alt="image 1" />

<img src="images/sampledata/image-nivo-2.jpg" alt="image 2" />

<img src="images/sampledata/image-nivo-3.jpg" alt="image 3" />

</div>

</div>

</div>

Scrollable Slider

<div class="bt_scrollable_slider_outer" align="center">

<table border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse;" align="center">

<tr>

<td><a class="bt_prev bt_browse bt_left"></a></td>

<td><div class="scrollable bt_scrollabe_slider" id="scrollable" style="width: 510px !important; height: 245px !important;">

<div class="bt_items">

<div>

<div class="bt_item" style="width: 120px; height: 245px;">

<div class="bt_item_inner">

<div class="bt_item_image"><img src="images/sampledata/image-scrollable-1.jpg" width="120" height="245" alt="scrollable image" /></div>

</div>

</div>

<div class="bt_item" style="width: 120px; height: 245px;">

<div class="bt_item_inner">

<div class="bt_item_image"><img src="images/sampledata/image-scrollable-2.jpg" width="120" height="245" alt="scrollable image" /></div>

</div>

</div>

<div class="bt_item" style="width: 120px; height: 245px;">

<div class="bt_item_inner">

<div class="bt_item_image"><img src="images/sampledata/image-scrollable-3.jpg" width="120" height="245" alt="scrollable image" /></div>

</div>

</div>

<div class="bt_item" style="width: 120px; height: 245px;">

<div class="bt_item_inner">

<div class="bt_item_image"><img src="images/sampledata/image-scrollable-4.jpg" width="120" height="245" alt="scrollable image" /></div>

</div>

</div>

</div>

<div>

<div class="bt_item" style="width: 120px; height: 245px;">

<div class="bt_item_inner">

<div class="bt_item_image"><img src="images/sampledata/image-scrollable-5.jpg" width="120" height="245" alt="scrollable image" /></div>

</div>

</div>

<div class="bt_item" style="width: 120px; height: 245px;">

<div class="bt_item_inner">

<div class="bt_item_image"><img src="images/sampledata/image-scrollable-6.jpg" width="120" height="245" alt="scrollable image" /></div>

</div>

</div>

<div class="bt_item" style="width: 120px; height: 245px;">

<div class="bt_item_inner">

<div class="bt_item_image"><img src="images/sampledata/image-scrollable-7.jpg" width="120" height="245" alt="scrollable image" /></div>

</div>

</div>

<div class="bt_item" style="width: 120px; height: 245px;">

<div class="bt_item_inner">

<div class="bt_item_image"><img src="images/sampledata/image-scrollable-8.jpg" width="120" height="245" alt="scrollable image" /></div>

</div>

</div>

</div>

</div>

</div></td>

<td><a class="bt_next bt_browse bt_right"></a></td>

</tr>

</table>

</div>