bxSlider Carousel Slider Tooltip on clones
HTML
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<link rel="stylesheet" href="http://bxslider.com/lib/jquery.bxslider.css">
<div class="bxslider">
<div class="bxslider-inner"><div style="width:80px; height:80px; background:#CCC; padding:5px;" class="lshowcase-tooltip" title="Tooltip Example 1"></div></div>
<div class="bxslider-inner"><div style="width:80px; height:80px; background:#f5f5f5; padding:5px;" class="lshowcase-tooltip" title="Tooltip Example 2"></div></div>
<div class="bxslider-inner"><div style="width:80px; height:80px; background:#6699cc; padding:5px;" class="lshowcase-tooltip" title="Tooltip Example 3"></div></div>
<div class="bxslider-inner"><div style="width:80px; height:80px; background:#C5C5C5; padding:5px;" class="lshowcase-tooltip" title="Tooltip Example 4"></div></div>
<div class="bxslider-inner"><div style="width:80px; height:80px; background:#888; padding:5px;" class="lshowcase-tooltip" title="Tooltip Example 5"></div></div>
<div class="bxslider-inner"><div style="width:80px; height:80px; background:#444; padding:5px;" class="lshowcase-tooltip" title="Tooltip Example 6"></div></div>
<div class="bxslider-inner"><div style="width:80px; height:80px; background:#000; padding:5px;" class="lshowcase-tooltip" title="Tooltip Example 7"></div></div>
</div>
JavaScript
jQuery(document).ready(function(){
var lssliderparam = [{"divid":".bxslider","auto":"false","pause":"4000","autohover":"false","ticker":"true","tickerhover":"false","useCSS":"true","autocontrols":"false","speed":"8000","slidewidth":"100","slidemargin":"10","infiniteloop":"true","pager":"false","controls":"true","minslides":"1","maxslides":"8","moveslides":"1"}];
for (var key in lssliderparam) {
var auto = (lssliderparam[key]['auto'] === 'true');
var pause = parseInt(lssliderparam[key]['pause']);
var autohover = (lssliderparam[key]['autohover'] === 'true');
var ticker = (lssliderparam[key]['ticker'] === 'true');
var tickerhover = (lssliderparam[key]['tickerhover'] === 'true');
var usecss = (lssliderparam[key]['usecss'] === 'true');
var autocontrols = (lssliderparam[key]['autocontrols'] === 'true');
var speed = parseInt(lssliderparam[key]['speed']);
var slidemargin = parseInt(lssliderparam[key]['slidemargin']);
var infiniteloop = (lssliderparam[key]['infiniteloop'] === 'true');
var pager = (lssliderparam[key]['pager'] === 'true');
var controls = (lssliderparam[key]['controls'] === 'true');
var slidewidth = parseFloat(lssliderparam[key]['slidewidth'])+20;
var minslides = parseInt(lssliderparam[key]['minslides']);
var maxslides = parseInt(lssliderparam[key]['maxslides']);
var moveslides = parseInt(lssliderparam[key]['moveslides']);
var sliderDiv = $(lssliderparam[key]['divid']);
sliderDiv.bxSlider({
auto: auto,
pause: pause,
autoHover: autohover,
ticker: ticker,
tickerHover: tickerhover,
useCSS: usecss,
autoControls: autocontrols,
mode: 'horizontal',
speed: speed,
slideMargin: slidemargin,
infiniteLoop: infiniteloop,
pager: pager,
controls: controls,
slideWidth: slidewidth,
minSlides: minslides,
maxSlides: maxslides,
moveSlides: moveslides
});
}
...