Template:ETHZ Basel10 slideshow js
From 2010.igem.org
(Difference between revisions)
Line 193: | Line 193: | ||
#image img {position:absolute; z-index:25; width:auto} | #image img {position:absolute; z-index:25; width:auto} | ||
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150} | .imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150} | ||
- | #imgprev {left:0; background:url( | + | #imgprev {left:0; background:url(https://static.igem.org/mediawiki/2010/2/2f/ETHZ_Basel_slideshow_left.gif) left center no-repeat} |
- | #imgnext {right:0; background:url( | + | #imgnext {right:0; background:url(https://static.igem.org/mediawiki/2010/f/f0/ETHZ_Basel_slideshow_right.gif) right center no-repeat} |
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)} | #imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)} | ||
- | .linkhover {background:url( | + | .linkhover {background:url(https://static.igem.org/mediawiki/2010/5/5d/ETHZ_Basel_slideshow_link.gif) center center no-repeat} |
#thumbnails {margin-top:15px} | #thumbnails {margin-top:15px} | ||
- | #slideleft {float:left; width:20px; height:81px; background:url( | + | #slideleft {float:left; width:20px; height:81px; background:url(https://static.igem.org/mediawiki/2010/8/8f/ETHZ_Basel_slideshow_scroll-left.gif) center center no-repeat; background-color:#222} |
#slideleft:hover {background-color:#333} | #slideleft:hover {background-color:#333} | ||
- | #slideright {float:right; width:20px; height:81px; background:#222 url( | + | #slideright {float:right; width:20px; height:81px; background:#222 url(https://static.igem.org/mediawiki/2010/6/69/ETHZ_Basel_slideshow_scroll-right.gif) center center no-repeat} |
#slideright:hover {background-color:#333} | #slideright:hover {background-color:#333} | ||
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden} | #slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden} |
Revision as of 09:17, 9 September 2010