"
Template:Slider
From 2014.igem.org
(Difference between revisions)
| (33 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", | + | $(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", | + | $(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", | + | $(this).attr("src","https://static.igem.org/mediawiki/2014/9/97/Arrow_r.png"); |
break; | break; | ||
} | } | ||
}, | }, | ||
| + | function(){ | ||
| + | switch($(this).attr("class")){ | ||
| + | case "thumb_p": | ||
| + | $(this).attr("src","https://static.igem.org/mediawiki/2014/9/91/Arrow_l.png"); | ||
| + | break; | ||
| + | case "thumb_num": | ||
| + | if(parseInt($(this).attr("alt")) != w){ | ||
| + | $(this).attr("src","https://static.igem.org/mediawiki/2014/c/c1/Carousel_circle_normal.png"); | ||
| + | } | ||
| + | break; | ||
| + | case "thumb_n": | ||
| + | $(this).attr("src","https://static.igem.org/mediawiki/2014/9/97/Arrow_r.png"); | ||
| + | break; | ||
| + | } | ||
| + | } | ||
); | ); | ||
x.find(".thumb_box").children("span").click( | x.find(".thumb_box").children("span").click( | ||
| Line 136: | 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: | + | 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: | + | z-index: 1 ! important; |
| - | + | ||
} | } | ||
.webwidget_slideshow_dot a{ | .webwidget_slideshow_dot a{ | ||
| Line 159: | 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 196: | Line 212: | ||
} | } | ||
.webwidget_slideshow_dot ul li{ | .webwidget_slideshow_dot ul li{ | ||
| - | width: | + | width: 490px; |
padding: 0px; | padding: 0px; | ||
margin: 0px; | margin: 0px; | ||
| Line 208: | Line 224: | ||
img.thumb_n { | img.thumb_n { | ||
float:right; | float:right; | ||
| - | margin- | + | margin-left: 50x; |
width:4%; | width:4%; | ||
} | } | ||
img.thumb_p { | img.thumb_p { | ||
float:left; | float:left; | ||
| - | margin- | + | margin-right: 50px; |
width:4%; | width:4%; | ||
} | } | ||
.title_thumb_box{ | .title_thumb_box{ | ||
| - | margin-bottom:- | + | margin-bottom: -230px; |
| + | content: "fnskg"; | ||
} | } | ||
#demo3 .title_thumb_box{ | #demo3 .title_thumb_box{ | ||
| - | + | width: 490px !important; | |
| + | height: 300px !important; | ||
} | } | ||
| Line 230: | Line 248: | ||
.slides_box{ | .slides_box{ | ||
| - | width: | + | padding: 0; |
| - | height: | + | width:490px !important; |
| + | height:490px !important; | ||
} | } | ||
.slidex_box ul{ | .slidex_box ul{ | ||
| - | width: | + | width:490px !important; |
| - | height: | + | height:490px !important; |
} | } | ||
.slidex_box ul li{ | .slidex_box ul li{ | ||
| - | width: | + | width:490px !important; |
| - | height: | + | height:490px !important; |
} | } | ||
</style> | </style> | ||
Latest revision as of 01:51, 18 October 2014
