"
Team:UCSF/lily2
From 2013.igem.org
(Difference between revisions)
| Line 1,382: | Line 1,382: | ||
<p>Pagination circles with the height relative to the width</p> | <p>Pagination circles with the height relative to the width</p> | ||
<div class="camera_wrap camera_azure_skin" id="camera_wrap_1"> | <div class="camera_wrap camera_azure_skin" id="camera_wrap_1"> | ||
| - | <div data-thumb=" | + | <div data-thumb="https://static.igem.org/mediawiki/2013/4/4a/USTC-Software_1.jpg" data-src="https://static.igem.org/mediawiki/2013/4/4a/USTC-Software_1.jpg"> |
<div class="camera_caption fadeFromBottom"> | <div class="camera_caption fadeFromBottom"> | ||
Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em> | Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em> | ||
</div> | </div> | ||
</div> | </div> | ||
| - | <div data-thumb=" | + | <div data-thumb="https://static.igem.org/mediawiki/2013/1/19/Ustc-software_2s.jpg" data-src="https://static.igem.org/mediawiki/2013/1/19/Ustc-software_2s.jpg"> |
<div class="camera_caption fadeFromBottom"> | <div class="camera_caption fadeFromBottom"> | ||
It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em> | It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em> | ||
</div> | </div> | ||
</div> | </div> | ||
| - | <div data-thumb=" | + | <div data-thumb="https://static.igem.org/mediawiki/2013/9/9c/USTC-Software_3.jpg" data-src="https://static.igem.org/mediawiki/2013/9/9c/USTC-Software_3.jpg"> |
<div class="camera_caption fadeFromBottom"> | <div class="camera_caption fadeFromBottom"> | ||
<em>It's completely free</em> (even if a donation is appreciated) | <em>It's completely free</em> (even if a donation is appreciated) | ||
</div> | </div> | ||
</div> | </div> | ||
| - | <div data-thumb=" | + | <div data-thumb="https://static.igem.org/mediawiki/2013/e/e0/USTC-Software_4.jpg" data-src="https://static.igem.org/mediawiki/2013/e/e0/USTC-Software_4.jpg"> |
<div class="camera_caption fadeFromBottom"> | <div class="camera_caption fadeFromBottom"> | ||
Camera slideshow provides many options <em>to customize your project</em> as more as possible | Camera slideshow provides many options <em>to customize your project</em> as more as possible | ||
| Line 1,407: | Line 1,407: | ||
</div> | </div> | ||
</div> | </div> | ||
| - | <div data-thumb=" | + | <div data-thumb="https://static.igem.org/mediawiki/2013/e/ed/USTC-Software_5.jpg" data-src="https://static.igem.org/mediawiki/2013/e/ed/USTC-Software_5.jpg"> |
<div class="camera_caption fadeFromBottom"> | <div class="camera_caption fadeFromBottom"> | ||
Different color skins and layouts available, <em>fullscreen ready too</em> | Different color skins and layouts available, <em>fullscreen ready too</em> | ||
Revision as of 04:48, 21 August 2013
Pagination circles with the height relative to the width
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 (have a look)
Different color skins and layouts available, fullscreen ready too
