Template:Slider

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<body>
<body>
 +
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.js"></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">
<script language="javascript" type="text/javascript">
Line 7: Line 98:
         var p=p||{};
         var p=p||{};
-
         var m=p.slideshow_time_interval?p.slideshow_time_interval:"2000";
+
         var m=p&&p.slideshow_time_interval?p.slideshow_time_interval:"2000";
-
         var q=p.slideshow_window_width?p.slideshow_window_width:$("body").width();
+
         var q=p&&p.slideshow_window_width?p.slideshow_window_width:$("body").width();
-
         var r=p.slideshow_window_height?p.slideshow_window_height:$("body").width()/1.58;
+
         var r=p&&p.slideshow_window_height?p.slideshow_window_height:$("body").width()/1.58;
-
         var sf=p.soldeshow_foreColor?p.soldeshow_foreColor:"#000";
+
         var sf=p&&p.soldeshow_foreColor?p.soldeshow_foreColor:"#000";
-
         var stc=p.slideshow_title_color?p.slideshow_title_color:"#17CCCC";
+
         var stc=p&&p.slideshow_title_color?p.slideshow_title_color:"#17CCCC";
-
         var d=p.directory?p.directory:"images/";
+
         var d=p&&p.directory?p.directory:"images/";
r_temp=q/2.4;
r_temp=q/2.4;
q += "px";
q += "px";
Line 152: Line 243:
</script>
</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>
 

Revision as of 16:23, 16 October 2014

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