J'apprécierais vraiment si quelqu'un pouvait m'aider avec un problème étrange avec Jquery.cycle.Jquery.Cycle et IE7 y compris suivant Div
J'ai ajouté jQuery.cycle (version 2.72) dans une application existante (Prestashop) à un diaporama nombre d'images. Sur Firefox, Mozilla etc il fonctionne brillamment - sur IE7 un problème bizarre se produit.
Le problème est là que j'ai un <div class="pics" id="pics">
et dire 6 photos </div>
un couple de <div><br></div>
pour briser les choses puis un autre <div id="editorial> content </div>
et IE "editorial"
dans le inclut le diaporama. Le bloc "editorial"
est supprimé de la page et apparaît en tant que dernière diapositive du diaporama, situé dans le coin supérieur gauche. Informations supplémentaires: jquery-1.2.6 est utilisé pour le reste de l'application (j'ai essayé de le mettre à jour et tout ce que j'ai obtenu est le même comportement avec beaucoup d'autres choses qui cassent). J'ai essayé jquery.cycle.lite - même comportement.
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">