누군가 Jquery.cycle을 사용하여 이상한 문제를 해결할 수 있다면 정말 고맙겠습니다.Jquery.Cycle 및 IE7 다음 div 포함
기존 이미지 (Prestashop)에 jQuery.cycle (2.72 버전)을 추가하여 여러 이미지를 슬라이드 쇼했습니다. 파이어 폭스, 모질라 등에서는 훌륭하게 작동합니다. 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">