"
Template:BUSlidercss
From 2013.igem.org
(Difference between revisions)
(Created page with "<html> <style> - →http://www.menucool.com: #sliderFrame {position:relative;width:700px;margin: 0 auto;} /*remove the "margin:0 auto;" if you want to align the whole slider to...") |
|||
| (3 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| - | < | + | <script> |
/* http://www.menucool.com */ | /* http://www.menucool.com */ | ||
| Line 8: | Line 8: | ||
#slider { | #slider { | ||
width:700px;height:306px;/* Make it the same size as your images */ | width:700px;height:306px;/* Make it the same size as your images */ | ||
| - | background:#fff url( | + | background:#fff url(https://static.igem.org/mediawiki/2013/4/42/Loading.gif) no-repeat 50% 50%; |
position:relative; | position:relative; | ||
margin:0 auto;/*make the image slider center-aligned */ | margin:0 auto;/*make the image slider center-aligned */ | ||
| Line 77: | Line 77: | ||
{ | { | ||
width:11px; height:11px; | width:11px; height:11px; | ||
| - | background:transparent url( | + | background:transparent url(https://static.igem.org/mediawiki/2013/archive/7/7a/20130813183255%21Bullet.png) no-repeat 0 0; |
float:left;overflow:hidden;vertical-align:middle;cursor:pointer; | float:left;overflow:hidden;vertical-align:middle;cursor:pointer; | ||
margin-right:11px;/* distance between each bullet*/ | margin-right:11px;/* distance between each bullet*/ | ||
| Line 98: | Line 98: | ||
{ | { | ||
width:100%; height:100%; | width:100%; height:100%; | ||
| - | background:transparent url( | + | background:transparent url(https://static.igem.org/mediawiki/2013/4/42/Loading.gif) no-repeat 50% 50%; |
filter: alpha(opacity=60); | filter: alpha(opacity=60); | ||
opacity:0.6; | opacity:0.6; | ||
| Line 107: | Line 107: | ||
} | } | ||
| - | </ | + | </script> |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
</html> | </html> | ||
Latest revision as of 19:34, 13 August 2013
