Team:SEU A
From 2012.igem.org
(Difference between revisions)
Line 88: | Line 88: | ||
</ul> | </ul> | ||
</div> | </div> | ||
+ | |||
+ | <div class="fluid_container"> | ||
+ | <div class="camera_wrap camera_azure_skin" id="camera_wrap_1"> | ||
+ | <div data-thumb="https://static.igem.org/mediawiki/2012/b/b7/Seua_poison_apple.png" data-src="https://static.igem.org/mediawiki/2012/b/b7/Seua_poison_apple.png"> | ||
+ | <div class="camera_caption fadeFromBottom"> Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em> </div> | ||
+ | </div> | ||
+ | <div data-thumb="images/slides/thumbs/leaf.jpg" data-src="images/slides/leaf.jpg"> | ||
+ | <div class="camera_caption fadeFromBottom"> It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em> </div> | ||
+ | </div> | ||
+ | <div data-thumb="images/slides/thumbs/road.jpg" data-src="images/slides/road.jpg"> | ||
+ | <div class="camera_caption fadeFromBottom"> <em>It's completely free</em> (even if a donation is appreciated) </div> | ||
+ | </div> | ||
+ | <div data-thumb="images/slides/thumbs/sea.jpg" data-src="images/slides/sea.jpg"> | ||
+ | <div class="camera_caption fadeFromBottom"> Camera slideshow provides many options <em>to customize your project</em> as more as possible </div> | ||
+ | </div> | ||
+ | <div data-thumb="images/slides/thumbs/shelter.jpg" data-src="images/slides/shelter.jpg"> | ||
+ | <div class="camera_caption fadeFromBottom"> It supports captions, HTML elements and videos and <em>it's validated in HTML5</em> </div> | ||
+ | </div> | ||
+ | <div data-thumb="images/slides/thumbs/tree.jpg" data-src="images/slides/tree.jpg"> | ||
+ | <div class="camera_caption fadeFromBottom"> Different color skins and layouts available, <em>fullscreen ready too</em> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style="clear:both; display:block;"></div> | ||
+ | |||
<div id="content"> <a class="back" href="https://2012.igem.org"></a> | <div id="content"> <a class="back" href="https://2012.igem.org"></a> | ||
<div class="titlepic"> | <div class="titlepic"> | ||
Line 150: | Line 175: | ||
</div> | </div> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<p align="center"><a href="http://www.seu.edu.cn" target="_blank"><strong>Southeast University</strong></a></p> | <p align="center"><a href="http://www.seu.edu.cn" target="_blank"><strong>Southeast University</strong></a></p> | ||
<p align="center"><a href="http://bme.seu.edu.cn/" target="_blank">Biomedical Engineer of SEU</a>welcome</p> | <p align="center"><a href="http://bme.seu.edu.cn/" target="_blank">Biomedical Engineer of SEU</a>welcome</p> |
Revision as of 18:40, 13 September 2012
Camera is a responsive/adaptive slideshow. Try to resize the browser window
It uses a light version of jQuery mobile, navigate the slides by swiping with your fingers
It's completely free (even if a donation is appreciated)
Camera slideshow provides many options to customize your project as more as possible
It supports captions, HTML elements and videos and it's validated in HTML5
Different color skins and layouts available, fullscreen ready too
Biomedical Engineer of SEUwelcome