[jQuery] Strange issue with crossSlider
I'm working on a website which utilizes crossSlide, a jQuery plugin.
It works in IE6/7 on the website itself but not on mine, while I use
the same code. What's wrong? I tried using 1.2.3 instead of 1.2.6 but
that didn't work either.
URL:
Site: http://84.86.134.134/swart/?p=home
Plugin site: http://www.gruppo4.com/~tobia/cross-slide.shtml
Code:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/jquery.ifixpng.js"></script>
<script type="text/javascript" src="js/jquery.cross-slide.js"></
script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
// fix png IE6-
$.ifixpng('img/pixel.gif');
$('img[@src$=.png]').ifixpng();
// fix fade
if($.browser.msie && $.browser.version < 7) {
$("img#fade").css("bottom", "69px");
}
// diashow
$('#picture').crossSlide({
sleep: 2,
fade: 1
}, [
{ src: 'img/picture/home.jpg' },
{ src: 'img/picture/intro.jpg' }
]);
});
//]]>
</script>
<div id="picture">Loading...</div>