Отлично работает на всех браузерах, кроме Chrome и Safari. Я использую эти файлы js:
<script src="assets/js/libs/jquery.easing.1.3.js"></script>
<script src="assets/js/libs/jquery.scrollTo-min"></script>
<script src="assets/js/libs/jquery.localscroll-min"></script>
И эта функция готовности документа:
<script>
$(document).ready(function() {
$('ul#roundabout').roundabout({
btnNext: '#next',
btnPrev: '#previous',
easing: 'easeInOutQuad'
});
});
</script>
Это относится к
<ul id="roundabout">
<li><img src="assets/img/barney.jpg"><br />
Barney</li>
<li><img src="assets/img/bert.jpg"><br />
Bert</li>
<li><img src="assets/img/coco.jpg"><br />
Coco</li>
<li><img src="assets/img/dolly-and-flo.jpg"><br />
Dolly & Flo</li>
<li><img src="assets/img/marley.jpg"><br />
Marley</li>
<li><img src="assets/img/murphy.jpg"><br />
Murphy</li>
<li><img src="assets/img/ted.jpg"><br />
Ted</li>
<li><img src="assets/img/ruby.jpg"><br />
Ruby</li>
<li><img src="assets/img/theo.jpg"><br />
Theo</li>
</ul>
В результате все картинки становятся крошечными, а непрозрачность применяется неправильно. Кто-нибудь еще испытывал это? Я в тупике!