Template:Slider

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<body>
<body>
 +
 +
 +
 +
<style type="text/css">
 +
.webwidget_slideshow_dot{
 +
    padding: 0px;
 +
    margin: 0px;
 +
    position: relative;
 +
    font-family: Arial,Sans-Serif;
 +
    font-size: 13px;
 +
    z-index: 4 ! important;
 +
}
 +
.webwidget_slideshow_dot a{
 +
    text-decoration: none;
 +
}
 +
.webwidget_slideshow_dot a:hover{
 +
    text-decoration: underline;
 +
}
 +
.webwidget_slideshow_dot .slides_box{
 +
    padding: 0px;
 +
    margin: 0px;
 +
    overflow: hidden;
 +
    position: absolute;
 +
}
 +
.webwidget_slideshow_dot .title_thumb_box{
 +
    width: 100%;
 +
    position: absolute;
 +
    bottom: 0px;
 +
background:none !important;
 +
}
 +
.webwidget_slideshow_dot .title_thumb_box .title_box{
 +
    padding: 5px;
 +
}
 +
.webwidget_slideshow_dot .title_thumb_box .thumb_box{
 +
    text-align: center;
 +
    height: 25px;
 +
}
 +
.webwidget_slideshow_dot .title_thumb_box .thumb_box span{
 +
    margin-right: 5px;
 +
    margin-left: 5px;
 +
}
 +
.webwidget_slideshow_dot .title_thumb_box .thumb_box span img{
 +
    cursor: pointer;
 +
}
 +
.webwidget_slideshow_dot img{
 +
    padding: 0px;
 +
    margin: 0px;
 +
    border: none;
 +
}
 +
.webwidget_slideshow_dot ul{
 +
    padding: 0px;
 +
    margin: 0px;
 +
    position: absolute;
 +
    list-style: none;
 +
}
 +
.webwidget_slideshow_dot ul li{
 +
    padding: 0px;
 +
    margin: 0px;
 +
    float: left;
 +
}
 +
.webwidget_slideshow_dot ul li a{
 +
    display: block;
 +
}
 +
 +
 +
img.thumb_n {
 +
float:right;
 +
margin-right:30px;
 +
width:4%;
 +
}
 +
img.thumb_p {
 +
float:left;
 +
margin-left:30px;
 +
width:4%;
 +
}
 +
 +
.title_thumb_box{
 +
margin-bottom:25%;
 +
}
 +
 +
#demo3 .title_thumb_box{
 +
margin-bottom:18%;
 +
}
 +
#demo4 .title_thumb_box{
 +
margin-bottom:58%;
 +
}
 +
 +
img.thumb_num{display:none;}
 +
div.title_box{display:none;}
 +
</style>
 +
 +
 +
<script language="javascript" type="text/javascript">
 +
 +
$(function() {
 +
$("#slider").webwidget_slideshow_dot({
 +
slideshow_time_interval: '5000',
 +
 +
slideshow_title_color: '#17CCCC',
 +
soldeshow_foreColor: '#000',
 +
directory: 'images/'
 +
});
 +
});
 +
 +
</script>
<script language="javascript" type="text/javascript">
<script language="javascript" type="text/javascript">
Line 149: Line 254:
     }
     }
})(jQuery);
})(jQuery);
-
 
-
</script>
 
-
 
-
 
-
<style type="text/css">
 
-
.webwidget_slideshow_dot{
 
-
    padding: 0px;
 
-
    margin: 0px;
 
-
    position: relative;
 
-
    font-family: Arial,Sans-Serif;
 
-
    font-size: 13px;
 
-
    z-index: 4 ! important;
 
-
}
 
-
.webwidget_slideshow_dot a{
 
-
    text-decoration: none;
 
-
}
 
-
.webwidget_slideshow_dot a:hover{
 
-
    text-decoration: underline;
 
-
}
 
-
.webwidget_slideshow_dot .slides_box{
 
-
    padding: 0px;
 
-
    margin: 0px;
 
-
    overflow: hidden;
 
-
    position: absolute;
 
-
}
 
-
.webwidget_slideshow_dot .title_thumb_box{
 
-
    width: 100%;
 
-
    position: absolute;
 
-
    bottom: 0px;
 
-
background:none !important;
 
-
}
 
-
.webwidget_slideshow_dot .title_thumb_box .title_box{
 
-
    padding: 5px;
 
-
}
 
-
.webwidget_slideshow_dot .title_thumb_box .thumb_box{
 
-
    text-align: center;
 
-
    height: 25px;
 
-
}
 
-
.webwidget_slideshow_dot .title_thumb_box .thumb_box span{
 
-
    margin-right: 5px;
 
-
    margin-left: 5px;
 
-
}
 
-
.webwidget_slideshow_dot .title_thumb_box .thumb_box span img{
 
-
    cursor: pointer;
 
-
}
 
-
.webwidget_slideshow_dot img{
 
-
    padding: 0px;
 
-
    margin: 0px;
 
-
    border: none;
 
-
}
 
-
.webwidget_slideshow_dot ul{
 
-
    padding: 0px;
 
-
    margin: 0px;
 
-
    position: absolute;
 
-
    list-style: none;
 
-
}
 
-
.webwidget_slideshow_dot ul li{
 
-
    padding: 0px;
 
-
    margin: 0px;
 
-
    float: left;
 
-
}
 
-
.webwidget_slideshow_dot ul li a{
 
-
    display: block;
 
-
}
 
-
 
-
 
-
img.thumb_n {
 
-
float:right;
 
-
margin-right:30px;
 
-
width:4%;
 
-
}
 
-
img.thumb_p {
 
-
float:left;
 
-
margin-left:30px;
 
-
width:4%;
 
-
}
 
-
 
-
.title_thumb_box{
 
-
margin-bottom:25%;
 
-
}
 
-
 
-
#demo3 .title_thumb_box{
 
-
margin-bottom:18%;
 
-
}
 
-
#demo4 .title_thumb_box{
 
-
margin-bottom:58%;
 
-
}
 
-
 
-
img.thumb_num{display:none;}
 
-
div.title_box{display:none;}
 
-
</style>
 
-
 
-
 
-
<script language="javascript" type="text/javascript">
 
-
 
-
$(function() {
 
-
$("#slider").webwidget_slideshow_dot({
 
-
slideshow_time_interval: '5000',
 
-
 
-
slideshow_title_color: '#17CCCC',
 
-
soldeshow_foreColor: '#000',
 
-
directory: 'images/'
 
-
});
 
-
});
 
</script>
</script>

Revision as of 16:11, 16 October 2014

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