"
Team:UCLondon/Templates/Content-Slide
From 2012e.igem.org
(Difference between revisions)
| Line 2: | Line 2: | ||
<link rel="stylesheet" href="http://dl.dropbox.com/u/3703109/igeme/global.css"> | <link rel="stylesheet" href="http://dl.dropbox.com/u/3703109/igeme/global.css"> | ||
| - | + | ||
| - | + | <div id="container"> | |
| - | + | ||
| - | <div id="container"> | + | |
<div id="example"> | <div id="example"> | ||
| - | + | ||
<div id="slides"> | <div id="slides"> | ||
<div class="slides_container"> | <div class="slides_container"> | ||
<div class="slide"> | <div class="slide"> | ||
| - | <a href="http://www.flickr.com/photos/jliba/4665625073/" title="145.365 - Happy Bokeh Thursday! | Flickr - Photo Sharing!" target="_blank"><img src=" | + | <a href="http://www.flickr.com/photos/jliba/4665625073/" title="145.365 - Happy Bokeh Thursday! | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-1.jpg" width="570" height="270" alt="Slide 1"></a> |
<div class="caption" style="bottom:0"> | <div class="caption" style="bottom:0"> | ||
<p>Happy Bokeh Thursday!</p> | <p>Happy Bokeh Thursday!</p> | ||
| Line 18: | Line 16: | ||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| - | <a href="http://www.flickr.com/photos/stephangeyer/3020487807/" title="Taxi | Flickr - Photo Sharing!" target="_blank"><img src=" | + | <a href="http://www.flickr.com/photos/stephangeyer/3020487807/" title="Taxi | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-2.jpg" width="570" height="270" alt="Slide 2"></a> |
<div class="caption"> | <div class="caption"> | ||
<p>Taxi</p> | <p>Taxi</p> | ||
| Line 24: | Line 22: | ||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| - | <a href="http://www.flickr.com/photos/childofwar/2984345060/" title="Happy Bokeh raining Day | Flickr - Photo Sharing!" target="_blank"><img src=" | + | <a href="http://www.flickr.com/photos/childofwar/2984345060/" title="Happy Bokeh raining Day | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-3.jpg" width="570" height="270" alt="Slide 3"></a> |
<div class="caption"> | <div class="caption"> | ||
<p>Happy Bokeh raining Day</p> | <p>Happy Bokeh raining Day</p> | ||
| Line 30: | Line 28: | ||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| - | <a href="http://www.flickr.com/photos/b-tal/117037943/" title="We Eat Light | Flickr - Photo Sharing!" target="_blank"><img src=" | + | <a href="http://www.flickr.com/photos/b-tal/117037943/" title="We Eat Light | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-4.jpg" width="570" height="270" alt="Slide 4"></a> |
<div class="caption"> | <div class="caption"> | ||
<p>We Eat Light</p> | <p>We Eat Light</p> | ||
| Line 36: | Line 34: | ||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| - | <a href="http://www.flickr.com/photos/bu7amd/3447416780/" title="“I must go down to the sea again, to the lonely sea and the sky; and all I ask is a tall ship and a star to steer her by.” | Flickr - Photo Sharing!" target="_blank"><img src=" | + | <a href="http://www.flickr.com/photos/bu7amd/3447416780/" title="“I must go down to the sea again, to the lonely sea and the sky; and all I ask is a tall ship and a star to steer her by.” | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-5.jpg" width="570" height="270" alt="Slide 5"></a> |
<div class="caption"> | <div class="caption"> | ||
<p>“I must go down to the sea again, to the lonely sea and the sky...”</p> | <p>“I must go down to the sea again, to the lonely sea and the sky...”</p> | ||
| Line 42: | Line 40: | ||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| - | <a href="http://www.flickr.com/photos/streetpreacher/2078765853/" title="twelve.inch | Flickr - Photo Sharing!" target="_blank"><img src=" | + | <a href="http://www.flickr.com/photos/streetpreacher/2078765853/" title="twelve.inch | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-6.jpg" width="570" height="270" alt="Slide 6"></a> |
<div class="caption"> | <div class="caption"> | ||
<p>twelve.inch</p> | <p>twelve.inch</p> | ||
| Line 48: | Line 46: | ||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| - | <a href="http://www.flickr.com/photos/aftab/3152515428/" title="Save my love for loneliness | Flickr - Photo Sharing!" target="_blank"><img src=" | + | <a href="http://www.flickr.com/photos/aftab/3152515428/" title="Save my love for loneliness | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-7.jpg" width="570" height="270" alt="Slide 7"></a> |
<div class="caption"> | <div class="caption"> | ||
<p>Save my love for loneliness</p> | <p>Save my love for loneliness</p> | ||
| Line 54: | Line 52: | ||
</div> | </div> | ||
</div> | </div> | ||
| - | <a href="#" class="prev"><img src=" | + | <a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a> |
| - | <a href="#" class="next"><img src=" | + | <a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a> |
</div> | </div> | ||
| - | <img src=" | + | <img src="img/example-frame.png" width="739" height="341" alt="Example Frame" id="frame"> |
| + | </div> | ||
| + | <div id="footer"> | ||
| + | <p>For full instructions go to <a href="http://slidesjs.com" target="_blank">http://slidesjs.com</a>.</p> | ||
| + | <p>Slider design by Orman Clark at <a href="http://www.premiumpixels.com/" target="_blank">Premium Pixels</a>. You can donwload the source PSD at <a href="http://www.premiumpixels.com/clean-simple-image-slider-psd/" target="_blank">Premium Pixels</a></p> | ||
| + | <p>© 2010 <a href="http://nathansearles.com" target="_blank">Nathan Searles</a>. All rights reserved. Slides is licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache license</a>.</p> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> | <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> | ||
| + | <script type="text/javascript" src="http://dl.dropbox.com/u/3703109/igeme/slides.jquery.js"></script> | ||
| + | <script type="text/javascript" src="http://dl.dropbox.com/u/3703109/igeme/slides.min.jquery.js"></script> | ||
| + | <script type="text/javascript" src="http://dl.dropbox.com/u/3703109/igeme/slide.js"></script> | ||
</html> | </html> | ||
Revision as of 01:38, 13 September 2012
Happy Bokeh Thursday!
Taxi
Happy Bokeh raining Day
We Eat Light
“I must go down to the sea again, to the lonely sea and the sky...”
twelve.inch
Save my love for loneliness
