2010-03-08 5 views
0

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"> 

Répondre

0

Merci à tous, il est apparu que IE7 n'aime pas la façon jquery.cycle rend \ < \ img src />. Donc, n'ajoutez aucun paramètre au \ < \ img src>.

Merci tous.

Questions connexes