jQuery, javascript et internet explorer
Salut,
je suis en train de refaire mon site et j'ai un petit problème avec jQuery.
En fait mon script fonctionne parfaitement sous firefox mais pas sous internet explorer. Je savais qu'il y avait des différences entre les deux navigateurs pour le css mais pas pour le javascript (que je maitrise moins).
Mon code javascript est le suivant :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
|
window.onload = function () {
var container = $('div.sliderGalerie');
var ul = $('ul', container);
var itemsWidth = ul.innerWidth() - container.outerWidth();
$('.slider', container).slider({
min: 0,
max: itemsWidth,
handle:'.curseur',
stop: function (event, ui) {
ul.animate({'left' : ui.value * -1}, 500);
},
slide: function (event, ui) {
ul.css('left', ui.value * -1);
}
});
}; |
Mon xhtml:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
|
<div id="portfolio">
<div class="sliderGalerie">
<ul class="image">
<li><img src="wp-content/themes/perso/img/affiches/affiche1P.jpg" alt="affiche1P" title="affiche1P"/></li>
<li><img src="wp-content/themes/perso/img/affiches/affiche1P.jpg" alt="affiche1P" title="affiche1P"/></li>
<li><img src="wp-content/themes/perso/img/affiches/affiche1P.jpg" alt="affiche1P" title="affiche1P"/></li>
<li><img src="wp-content/themes/perso/img/affiches/affiche1P.jpg" alt="affiche1P" title="affiche1P"/></li>
<li><img src="wp-content/themes/perso/img/affiches/affiche1P.jpg" alt="affiche1P" title="affiche1P"/></li>
<li><img src="wp-content/themes/perso/img/affiches/affiche1P.jpg" alt="affiche1P" title="affiche1P"/></li>
<li><img src="wp-content/themes/perso/img/affiches/affiche1P.jpg" alt="affiche1P" title="affiche1P"/></li>
<li><img src="wp-content/themes/perso/img/affiches/affiche1P.jpg" alt="affiche1P" title="affiche1P"/></li>
<li><img src="wp-content/themes/perso/img/affiches/affiche1P.jpg" alt="affiche1P" title="affiche1P"/></li>
<li><img src="wp-content/themes/perso/img/affiches/affiche1P.jpg" alt="affiche1P" title="affiche1P"/></li>
<li><img src="wp-content/themes/perso/img/affiches/affiche1P.jpg" alt="affiche1P" title="affiche1P"/></li>
<li><img src="wp-content/themes/perso/img/affiches/affiche1P.jpg" alt="affiche1P" title="affiche1P"/></li>
</ul>
<div class="slider">
<div class="curseur"></div>
<span class="slider1">sites web</span>
<span class="slider2">affiches</span>
</div>
</div>
</div> |
Quelqu'un aurait il une idée? C'est pas évident de débugguer le js sous IE.
Merci, d'avance