Вопрос по автозапуску слайдера
Всем привет! Подскажите пожалуйста, как включить автозапуск слайдера в ниже приведенном скрипте
<script>
var $slider = $('.slider-wrap');
var html = $slider.html();
// Options
var defaults = {
thumbSize: 0,
onSlideshowEnd: function(){ $('.stop, .start').toggle() }
};
var effects = {
'default': { x:20, y:1, effect: 'up', rewind: 60, backReverse: true ,},
simple: { x:6, y:4, effect: 'simple', random: true },
left: { x:1, y:8, effect: 'left' },
up: { x:20, y:1, effect: 'up', rewind: 60, backReverse: true },
leftright: { x:1, y:8, effect: 'leftright' },
updown: { x:20, y:1, effect: 'updown', cssSpeed: 500, backReverse: true },
switchlr: { x:20, y:1, effect: 'switchlr', backReverse: true },
switchud: { x:1, y:8, effect: 'switchud' },
fliplr: { x:20, y:1, effect: 'fliplr', backReverse: true },
flipud: { x:20, y:3, effect: 'flipud', reverse: true, rewind: 75 },
reduce: { x:6, y:4, effect: 'reduce' },
360: { x:1, y:1, effect: '360', fade: true, cssSpeed: 600 }
};
$('#effects-select').change(function() {
var effect = $(this).val();
$slider.fadeTo( 0,0 ).html( html );
$('.stop').hide();
$('.start').show();
setTimeout(function() {
$('.slider').tilesSlider( $.extend( {}, defaults, effects[ effect ] ) );
$slider.fadeTo( 0,1 );
$('body').removeClass('tiles-preload');
}, 100 );
$('.code').empty().html(function() {
var e = effects[ effect ], c = [];
for ( var i in e ) {
if ( i !== 'effect' ) {
c.push('<code>'+ i +': '+ e[i] +'</code>');
}
}
return c.join('');
});
});
$('.start').click(function() {
$(this).hide();
$('.stop').show();
$('.slider').tilesSlider('start')
});
$('.stop').click(function() {
$(this).hide();
$('.start').show()
$('.slider').tilesSlider('stop')
});
$('.slider').tilesSlider( $.extend( {}, defaults, effects['default'] ) );
</script>
|