"
Team:Potsdam Bioware/slider
From 2012.igem.org
(Difference between revisions)
| Line 34: | Line 34: | ||
#slider [id^='image']:target div{ | #slider [id^='image']:target div{ | ||
| - | + | bottom: 0; | |
left: 0; | left: 0; | ||
} | } | ||
| Line 67: | Line 67: | ||
} | } | ||
| - | . | + | div.image_description{ |
| - | + | position:absolute; | |
| - | + | bottom: 0 px; | |
| - | + | left:0px; | |
| - | + | width:100%; | |
| - | + | ||
| + | background-color:black; | ||
| + | font-family: 'tahoma'; | ||
| + | font-size:15px; | ||
| + | color:white; | ||
| + | opacity:0.6; | ||
| + | filter:alpha(opacity=60); | ||
| + | } | ||
| + | p.image_description_content{ | ||
| + | padding:10px; | ||
| + | margin:0px; | ||
| + | } | ||
| + | |||
| + | div.slider_wrapper { | ||
| + | float:left; | ||
| + | position:relative; | ||
} | } | ||
| - | |||
</style> | </style> | ||
| Line 83: | Line 97: | ||
<div id="image-1"> | <div id="image-1"> | ||
| - | + | <div class="slider_wrapper"> | |
<img src="https://static.igem.org/mediawiki/2012/2/28/UP12_Slide1.jpg"/> | <img src="https://static.igem.org/mediawiki/2012/2/28/UP12_Slide1.jpg"/> | ||
| + | <div class="image_description"> | ||
| + | <p class="image_description_content"> | ||
| + | Image Description | ||
| + | </p> | ||
</div> | </div> | ||
| - | + | </div> | |
| + | <a class="slider-nav" href="#image-1"></a> | ||
</div> | </div> | ||
<div id="image-2"> | <div id="image-2"> | ||
| - | <div> | + | <div class="slider_wrapper"> |
<img src="https://static.igem.org/mediawiki/2012/5/52/UP12_slide2.jpg"/> | <img src="https://static.igem.org/mediawiki/2012/5/52/UP12_slide2.jpg"/> | ||
| + | <div class="image_description"> | ||
| + | <p class="image_description_content"> | ||
| + | Image Description | ||
| + | </p> | ||
| + | </div> | ||
</div> | </div> | ||
<a class="slider-nav" href="#image-2"></a> | <a class="slider-nav" href="#image-2"></a> | ||
</div> | </div> | ||
<div id="image-3"> | <div id="image-3"> | ||
| - | <div> | + | <div class="slider_wrapper"> |
<img src="https://static.igem.org/mediawiki/2012/5/57/UP12Slide3.jpg"/> | <img src="https://static.igem.org/mediawiki/2012/5/57/UP12Slide3.jpg"/> | ||
| + | <div class="image_description"> | ||
| + | <p class="image_description_content"> | ||
| + | Image Description | ||
| + | </p> | ||
| + | </div> | ||
</div> | </div> | ||
<a class="slider-nav" href="#image-3"></a> | <a class="slider-nav" href="#image-3"></a> | ||
</div> | </div> | ||
<div id="image-4"> | <div id="image-4"> | ||
| - | <div> | + | <div class="slider_wrapper"> |
<img src="https://static.igem.org/mediawiki/2012/8/87/UP12Slide4.jpg"/> | <img src="https://static.igem.org/mediawiki/2012/8/87/UP12Slide4.jpg"/> | ||
| + | <div class="image_description"> | ||
| + | <p class="image_description_content"> | ||
| + | Image Description | ||
| + | </p> | ||
| + | </div> | ||
</div> | </div> | ||
<a class="slider-nav" href="#image-4"></a> | <a class="slider-nav" href="#image-4"></a> | ||
</div> | </div> | ||
<div id="image-5"> | <div id="image-5"> | ||
| - | <div> | + | <div class="slider_wrapper"> |
<img src="https://static.igem.org/mediawiki/2012/f/f0/UP12Slide5.jpg"/> | <img src="https://static.igem.org/mediawiki/2012/f/f0/UP12Slide5.jpg"/> | ||
| + | <div class="image_description"> | ||
| + | <p class="image_description_content"> | ||
| + | Image Description | ||
| + | </p> | ||
| + | </div> | ||
</div> | </div> | ||
<a class="slider-nav" href="#image-5"></a> | <a class="slider-nav" href="#image-5"></a> | ||
Revision as of 22:24, 24 September 2012
