Template:Slider

From 2014.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 70: Line 70:
                     switch($(this).attr("class")){
                     switch($(this).attr("class")){
                         case "thumb_p":ca
                         case "thumb_p":ca
-
                             $(this).attr("src",d+"https://static.igem.org/mediawiki/2014/9/91/Arrow_l.png");
+
                             $(this).attr("src","https://static.igem.org/mediawiki/2014/9/91/Arrow_l.png");
                             break;
                             break;
                         case "thumb_num":
                         case "thumb_num":
                             if(parseInt($(this).attr("alt")) != w){
                             if(parseInt($(this).attr("alt")) != w){
-
                                 $(this).attr("src",d+"https://static.igem.org/mediawiki/2014/2/28/Carousel_circle_hoverhit.png");
+
                                 $(this).attr("src","https://static.igem.org/mediawiki/2014/2/28/Carousel_circle_hoverhit.png");
                             }
                             }
                             break;
                             break;
                         case "thumb_n":
                         case "thumb_n":
-
                             $(this).attr("src",d+"https://static.igem.org/mediawiki/2014/9/97/Arrow_r.png");
+
                             $(this).attr("src","https://static.igem.org/mediawiki/2014/9/97/Arrow_r.png");
                             break;
                             break;
                     }
                     }
Line 85: Line 85:
                     switch($(this).attr("class")){
                     switch($(this).attr("class")){
                         case "thumb_p":
                         case "thumb_p":
-
                             $(this).attr("src",d+"https://static.igem.org/mediawiki/2014/9/91/Arrow_l.png");
+
                             $(this).attr("src","https://static.igem.org/mediawiki/2014/9/91/Arrow_l.png");
                             break;
                             break;
                         case "thumb_num":
                         case "thumb_num":
                             if(parseInt($(this).attr("alt")) != w){
                             if(parseInt($(this).attr("alt")) != w){
-
                                 $(this).attr("src",d+"https://static.igem.org/mediawiki/2014/c/c1/Carousel_circle_normal.png");
+
                                 $(this).attr("src","https://static.igem.org/mediawiki/2014/c/c1/Carousel_circle_normal.png");
                             }
                             }
                             break;
                             break;
                         case "thumb_n":
                         case "thumb_n":
-
                             $(this).attr("src",d+"https://static.igem.org/mediawiki/2014/9/97/Arrow_r.png");
+
                             $(this).attr("src","https://static.igem.org/mediawiki/2014/9/97/Arrow_r.png");
                             break;
                             break;
                     }
                     }
Line 151: Line 151:
</script>
</script>
-
 
-
 
<style type="text/css">
<style type="text/css">
.webwidget_slideshow_dot{
.webwidget_slideshow_dot{
 +
    width: 490px !important;
 +
    height: 300px !important;
     padding: 0px;
     padding: 0px;
     margin-left: 19%;
     margin-left: 19%;
     margin-right: 19%;
     margin-right: 19%;
-
     margin-top: 250px;
+
     margin-top: 300px;
     position: relative;
     position: relative;
     font-family: Arial,Sans-Serif;
     font-family: Arial,Sans-Serif;
     font-size: 13px;
     font-size: 13px;
-
     z-index: 4 ! important;
+
     z-index: 1 ! important;
-
    width:800px !important;
+
}
}
.webwidget_slideshow_dot a{
.webwidget_slideshow_dot a{
Line 174: Line 173:
}
}
.webwidget_slideshow_dot .slides_box{
.webwidget_slideshow_dot .slides_box{
 +
    width: 490px !important;
 +
    height: 300px !important;
     padding: 0px;
     padding: 0px;
     margin-top: 250px;
     margin-top: 250px;
Line 211: Line 212:
}
}
.webwidget_slideshow_dot ul li{
.webwidget_slideshow_dot ul li{
-
     width: 800px;
+
     width: 490px;
     padding: 0px;
     padding: 0px;
     margin: 0px;
     margin: 0px;
Line 223: Line 224:
img.thumb_n {
img.thumb_n {
float:right;
float:right;
-
margin-right:30px;
+
margin-left: 50x;
width:4%;
width:4%;
}
}
img.thumb_p {
img.thumb_p {
float:left;
float:left;
-
margin-left:30px;
+
margin-right: 50px;
width:4%;
width:4%;
}
}
.title_thumb_box{
.title_thumb_box{
-
margin-bottom:-5%;
+
margin-bottom: -230px;
 +
content: "fnskg";
}
}
#demo3 .title_thumb_box{
#demo3 .title_thumb_box{
-
 
+
width: 490px !important;
 +
height: 300px !important;
}
}
Line 245: Line 248:
.slides_box{
.slides_box{
-
width:800px !important;
+
padding: 0;
-
height:800px !important;
+
width:490px !important;
 +
height:490px !important;
}
}
.slidex_box ul{
.slidex_box ul{
-
width:800px !important;
+
width:490px !important;
-
height:800px !important;
+
height:490px !important;
}
}
.slidex_box ul li{
.slidex_box ul li{
-
width:800px !important;
+
width:490px !important;
-
height:800px !important;
+
height:490px !important;
}
}
</style>
</style>
Line 270: Line 274:
slideshow_title_color: '#17CCCC',
slideshow_title_color: '#17CCCC',
soldeshow_foreColor: '#000',
soldeshow_foreColor: '#000',
-
directory: 'none'
+
directory: 'images/'
});
});
});
});

Latest revision as of 01:51, 18 October 2014

Retrieved from "http://2014.igem.org/Template:Slider"