Due to the differences in browsers, it might be easiest to use jQuery for that. Put this in the head of the page:
Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
Then in the function fillup() in the conveyor script add the highlighted as shown:
Code:
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
;(function($){
$('#test2, #test3').find('img').css('opacity', 0.2)
.mouseover(function(){$(this).stop().animate({opacity: 1}, 'slow');})
.mouseout(function(){$(this).stop().animate({opacity: 0.2}, 'slow')});
})(jQuery);
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=do . . .
Bookmarks