jCarousel не работает в Opera

bob_24 · September 23, 2011

В общем карусель работает везде кроме Opera (пробовал в 10.50)

Погуглил:

Дело оказалось в том, что хоть и вызов конструктора библиотеки происходит по $(document).ready опера не успевает к этому моменту построить большие изображения, от чего jCarousel не получает от них offsetWidth offsetHeight. Решение очень простое, засунуть конструктор в коротенький таймер setTimeout(function(){$("#mycarousel").jcarousel(), 500);

Вопрос: куда этот таймер вставлять?


<script type="text/javascript">
jQuery(function(){
jQuery(".carousel").jCarouselLite({
	auto:3000,
	speed:800,
	btnPrev: "#prev",
	btnNext: "#next",
	mouseWheel: true
	});
});
</script>

Great Rash · September 23, 2011

С таймером реально бред какой-то написан...


window.onload = function() {
  $(".carousel").jCarouselLite({
    auto:3000,
    speed:800,
    btnPrev: "#prev",
    btnNext: "#next",
    mouseWheel: true
  });
}

bob_24 · September 23, 2011

Спасибо, но видимо проблема не в этом. Вот весь код:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.carousel{
	overflow:hidden;
	height:250px;
		}
	.carousel ul{
		padding:0;
		margin:0;
		}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="js/jCarouselLite.js"></script>
</head>
<body>
<div class="carousel">
	<ul>
		<li><img src="image/picapica.png"></li>
		<li><img src="image/picapica.png"></li>
		<li><img src="image/picapica.png">/li>
	</ul>
</div>
<script type="text/javascript">
  $(".carousel").jCarouselLite({
    auto:1000,
    speed:800
  });
</script>
</body>
</html>

Вроде бы и ломаться нечему, но все же не работает.

Edited September 23, 2011 by bob_24

Sign In

jCarousel не работает в Opera

Question

bob_24

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

bob_24

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information