我真的很感激,如果有人可以幫我一個奇怪的問題與Jquery.cycle。Jquery.Cycle和IE7包括下一個Div
我已經將jQuery.cycle(版本2.72)添加到現有的應用程序(Prestashop)中來幻燈片顯示一些圖像。在Firefox,Mozilla等它出色地工作 - 在IE7上出現了一個奇怪的問題。
的問題是,我有一個<div class="pics" id="pics">
說6張圖片</div>
幾個<div><br></div>
打破東西然後又<div id="editorial> content </div>
和IE包括"editorial"
成幻燈片。 "editorial"
塊將從頁面中移除,並作爲幻燈片中的最後一張幻燈片出現,位於左上角。
其他事實:jquery-1.2.6正在用於其他應用程序(我試圖升級它,我得到的是與其他許多事情相同的行爲)。我試過jquery.cycle.lite - 同樣的行爲。
css:
root {
display: block;
}
.pics {
height: 432px;
width: 432px;
padding: 0;
margin: 0;
}
.pics img {
padding: 15px;
border: 1px solid #ccc;
background-color: #eee;
width: 400px;
height: 400px;
top: 0;
left: 0
}
div.pics {
margin-left: auto;
margin-right: auto;
}
snippet:
<script type="text/javascript" src="caro/assets/jquery.cycle.all.2.72.js"></script>
<!--
orenCaro core stylesheet
-->
<link rel="stylesheet" type="text/css" href="caro/assets/caro.css" />
<script type="text/javascript">
$(document).ready(function() {
$('.pics').cycle({
fx: 'fade',
pause: 100,
cleartype: 1
});
});
</script>
<div class="pics" id="pics">
img source
img source
img source
img source
</div>
<div> <br></br></div>
<!-- /MODULE caro -->
<!-- Module Editorial -->
<div id="editorial_block_center" class="editorial_block">