Skip to main content

Bug Tracker

Side navigation

#7091 closed bug (invalid)

Opened September 28, 2010 03:55AM UTC

Closed September 28, 2010 06:20PM UTC

Code wrking in MozillaFirefox but not in Internet Explorer

Reported by: ankit_khandelwal16 Owned by:
Priority: high Milestone: 1.4.3
Component: selector Version: 1.4.2
Keywords: Code working fine in Mozilla but not in Firefox Cc: ankit_khandelwal16@hotmail.com
Blocked by: Blocking:
Description

Hi Guys,

I need the solution for the following problem.My this code is working fine in Mozilla but not in IE.this code is of Image Slide and Thumbnails please provide me the as soon as possible.

I am pasting the code here

<script type="text/javascript">

$(function(){

$("#WebPartWPQ4 *").css('font-family','helvetica');

$("#WebPartWPQ4 *").css('font-size','12px');

$("#WebPartWPQ4 *").css('font-weight','bold');

$("#WebPartWPQ4 *:not(a)").css('color','#555');

$("#WebPartWPQ5 *").css('font-family','helvetica');

$("#WebPartWPQ5 *").css('font-size','12px');

$("#WebPartWPQ5 *").css('font-weight','bold');

$("#WebPartWPQ5 *:not(a)").css('color','#555');

var selector = $("table[class=ms-summarystandardbody][summary=Images] > tbody > tr:gt(0) > td > a:Onfocus=OnLink(this) ");

var Tnlimit = 3;

selector.each(function(){

var url = $(this).attr("href");

$(".ISlideShow").append("<div><img alt='img' src='"+url+"'/></div>");

if (Tnlimit !=0){

$(".ImagesFetched").append("<img alt='img' src='"+url+"'/>");

Tnlimit -=1;

}});

var Icount = $(".ISlideShow div").length;

var fade = setInterval("rotateImages()",5000);

$(".ISlideShow div").hover(function(){

clearInterval(fade);

$(".Thumbnails").show();

},function(){

$(".Thumbnails").hide();

$(".ISlideShow div").show();

fade = setInterval("rotateImages()",5000);

});

$(".Thumbnails").hover(function(){

clearInterval(fade);

$(".Thumbnails").show();

},function(){

$(".Thumbnails").hide();

$(".ISlideShow div").show();

fade = setInterval("rotateImages()",5000);

});

$(".Thumbnails img").hover(function(){

var checkurl = $(this).attr("src");

$(".ISlideShow div").hide();

$(".ISlideShow div img[src = '"+checkurl+"']").parent().show();

},function(){

});

var x = $('div#WebPartWPQ7').width();

$('.Thumbnails .TImages').css('width',x);

var y = $(".Thumbnails div img").length;

var BGwidth = 95*y;

$(".Thumbnails .transparent").css('width',BGwidth);

$(".Thumbnails .transparent").css('margin-left',x-BGwidth);

});

function rotateImages(){

var oCurPhoto = $(".ISlideShow div.current");

var oNxtPhoto = oCurPhoto.next();

if(oNxtPhoto.length == 0)

oNxtPhoto = $(".ISlideShow div:eq(0)");

oCurPhoto.removeClass("current").addClass("previous");

oNxtPhoto.css({opacity:0}).addClass("current").animate({opacity:1},1000,function(){oCurPhoto.removeClass("previous");});

}

</script>

<style type="text/css">

div.ISlideShow{

width:344px;

height:209px;

}

.ISlideShow div{

position:absolute;

z-index:0;

}

.ISlideShow div img{

width:344px;

height:209px;

}

.ISlideShow div.previous{

z-index:1;

}

.ISlideShow div.current{

z-index:2;

opacity:1;

}

.Thumbnails{

display:none;

}

.Thumbnails .TImages{

position:absolute;

z-index:3;

margin-top:-70px;

}

.Thumbnails .transparent{

position:absolute;

z-index:2;

background-color:#fff;

filter: alpha(opacity=50);

-moz-opacity: 0.5;

-khtml-opacity: 0.5;

opacity: 0.5;

height:70px;

margin-top:-70px;

}

.Thumbnails div{

float:right;

padding-top:5px;

}

.Thumbnails div img{

width:75px;

height:50px;

margin-right:15px;

}

</style>

<div class="ISlideShow" style ="width:100%"></div>

<div class="Thumbnails">

<div class="TImages">

<div class="ImagesFetched"></div>

</div>

<div class="transparent">

 

</div>

</div>

Attachments (1)
  • working in Mozilla.txt (3.3 KB) - added by ankit_khandelwal16 September 28, 2010 03:56AM UTC.

    Code for the problem

Change History (2)

Changed September 28, 2010 08:44AM UTC by ankit_khandelwal16 comment:1

Please help me friends I am in between of a project release.Please have your suggestions.

Changed September 28, 2010 06:20PM UTC by snover comment:2

resolution: → invalid
status: newclosed

The jQuery bug tracker is not a support channel. Please use the jQuery Forum.