сейчас на сайте:
Лучшие сказки мира 03skazki.ru
Детектив и фантастика 03pressa.ru
Песни прошлых лет 03pesni.ru
Для досуга
Фото в блоке прокручивается автоматически/кнопками/через фильтр JQuery (варианты) Next (Click on image for next slide) $('#s1').cycle({ fx: 'slideY', speed: 300, next: '#s1', timeout: 0 }); Prev/Next Prev Next $('#s2').cycle({ fx: 'fade', speed: 'fast', timeout: 0, next: '#next2', prev: '#prev2' }); Manual and Auto Advance (hover to pause, click to advance) $('#s3').cycle({ fx: 'fade', speed: 300, timeout: 3000, next: '#s3', pause: 1 }); Pager $('#s4') .before('') .cycle({ fx: 'turnDown', speed: 'fast', timeout: 0, pager: '#nav' }); $('#s5').cycle({ fx: 'scrollLeft', timeout: 5000, before: onBefore, after: onAfter }); Status area The callbacks for the example above are implemented as follows: function onBefore() { $('#output').html("Scrolling image:" + this.src); } function onAfter() { $('#output').html("Scroll complete for:" + this.src) .append('' + this.alt + ''); }
$('#s1').cycle({ fx: 'slideY', speed: 300, next: '#s1', timeout: 0 });
$('#s2').cycle({ fx: 'fade', speed: 'fast', timeout: 0, next: '#next2', prev: '#prev2' });
$('#s3').cycle({ fx: 'fade', speed: 300, timeout: 3000, next: '#s3', pause: 1 });
$('#s4') .before('') .cycle({ fx: 'turnDown', speed: 'fast', timeout: 0, pager: '#nav' });
$('#s5').cycle({ fx: 'scrollLeft', timeout: 5000, before: onBefore, after: onAfter });
function onBefore() { $('#output').html("Scrolling image:" + this.src); } function onAfter() { $('#output').html("Scroll complete for:" + this.src) .append('' + this.alt + ''); }