Bug Tracker

Ticket #7091: working in Mozilla.txt

File working in Mozilla.txt, 3.3 KB (added by ankit_khandelwal16, 10 years ago)

Code for the problem

Line 
1<script type="text/javascript">
2$(function(){
3$("#WebPartWPQ4 *").css('font-family','helvetica');
4$("#WebPartWPQ4 *").css('font-size','12px');
5$("#WebPartWPQ4 *").css('font-weight','bold');
6$("#WebPartWPQ4 *:not(a)").css('color','#555');
7
8$("#WebPartWPQ5 *").css('font-family','helvetica');
9$("#WebPartWPQ5 *").css('font-size','12px');
10$("#WebPartWPQ5 *").css('font-weight','bold');
11$("#WebPartWPQ5 *:not(a)").css('color','#555');
12
13var selector = $("table[class=ms-summarystandardbody][summary=Images] > tbody > tr:gt(0) > td > a[Onfocus=OnLink(this)] ");
14var Tnlimit = 3;
15selector.each(function(){
16        var url = $(this).attr("href");
17        $(".ISlideShow").append("<div><img alt='img' src='"+url+"'/></div>");
18        if (Tnlimit !=0){
19                $(".ImagesFetched").append("<img alt='img' src='"+url+"'/>");
20        Tnlimit -=1;
21        }});
22       
23        var Icount = $(".ISlideShow div").length;
24        var fade = setInterval("rotateImages()",5000);
25        $(".ISlideShow div").hover(function(){
26                 clearInterval(fade);
27                $(".Thumbnails").show();
28              },function(){
29                $(".Thumbnails").hide();
30                 $(".ISlideShow div").show();
31                fade = setInterval("rotateImages()",5000);
32        });
33        $(".Thumbnails").hover(function(){
34                 clearInterval(fade);
35                $(".Thumbnails").show();
36                },function(){
37                $(".Thumbnails").hide();
38                 $(".ISlideShow div").show();
39                fade = setInterval("rotateImages()",5000);
40        });
41        $(".Thumbnails img").hover(function(){
42                var checkurl = $(this).attr("src");
43                $(".ISlideShow div").hide();
44                $(".ISlideShow div img[src = '"+checkurl+"']").parent().show();
45        },function(){
46
47        });
48        var x = $('div#WebPartWPQ7').width();
49        $('.Thumbnails .TImages').css('width',x);
50        var y = $(".Thumbnails div img").length;
51        var BGwidth = 95*y;
52        $(".Thumbnails .transparent").css('width',BGwidth);
53        $(".Thumbnails .transparent").css('margin-left',x-BGwidth);
54 });
55 function rotateImages(){
56        var oCurPhoto = $(".ISlideShow div.current");
57        var oNxtPhoto = oCurPhoto.next();
58        if(oNxtPhoto.length == 0)
59                oNxtPhoto = $(".ISlideShow div:eq(0)");
60        oCurPhoto.removeClass("current").addClass("previous");
61        oNxtPhoto.css({opacity:0}).addClass("current").animate({opacity:1},1000,function(){oCurPhoto.removeClass("previous");});
62  }
63 </script>
64 <style type="text/css">
65        div.ISlideShow{
66                width:344px;
67                height:209px;   
68        }
69        .ISlideShow div{
70                position:absolute;
71                z-index:0;
72        }
73        .ISlideShow div img{
74                width:344px;
75                height:209px;
76        }
77        .ISlideShow div.previous{
78                z-index:1;
79        }
80        .ISlideShow div.current{
81                z-index:2;
82                opacity:1;
83        }
84        .Thumbnails{
85                display:none;
86        }
87        .Thumbnails .TImages{
88                position:absolute;
89                z-index:3;
90                margin-top:-70px;
91        }
92        .Thumbnails .transparent{
93                position:absolute;
94                z-index:2;
95                background-color:#fff;
96                 filter: alpha(opacity=50); 
97                 -moz-opacity: 0.5; 
98                 -khtml-opacity: 0.5; 
99                 opacity: 0.5; 
100                 height:70px;
101                margin-top:-70px;
102        }
103        .Thumbnails div{
104                float:right;
105                padding-top:5px;
106        }
107        .Thumbnails div img{
108                width:75px;
109                height:50px;
110                margin-right:15px;
111        }       
112   
113 </style>
114<div class="ISlideShow" style ="width:100%"></div>
115<div class="Thumbnails">
116        <div class="TImages">
117                <div class="ImagesFetched"></div>
118        </div>
119        <div class="transparent">
120                &nbsp;
121        </div>
122</div>