"
Team:UCSF/lily2
From 2013.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
| + | <!DOCTYPE html> | ||
<!-- Camera is a Pixedelic free jQuery slideshow | Manuel Masia (designer and developer) --> | <!-- Camera is a Pixedelic free jQuery slideshow | Manuel Masia (designer and developer) --> | ||
<html> | <html> | ||
| Line 12: | Line 13: | ||
///////////////////////////////////////////////////////////////////////////////////////////////////--> | ///////////////////////////////////////////////////////////////////////////////////////////////////--> | ||
<!--<link rel='stylesheet' id='camera-css' href='../css/camera.css' type='text/css' media='all'>--> | <!--<link rel='stylesheet' id='camera-css' href='../css/camera.css' type='text/css' media='all'>--> | ||
| - | <style id= | + | <style id="camera-css" type="text/css" media="all"> |
/************************** | /************************** | ||
* | * | ||
| Line 1,087: | Line 1,088: | ||
} | } | ||
</style> | </style> | ||
| - | <style> | + | <style type="text/css"> |
body { | body { | ||
margin: 0; | margin: 0; | ||
| Line 1,120: | Line 1,121: | ||
<!--jquery.min.js--> | <!--jquery.min.js--> | ||
| - | <script type= | + | <script type="text/javascript" async=""> |
/*! jQuery v1.7.1 jquery.com | jquery.org/license */ | /*! jQuery v1.7.1 jquery.com | jquery.org/license */ | ||
(function (a, b) { | (function (a, b) { | ||
| Line 1,131: | Line 1,132: | ||
</script> | </script> | ||
<!--jquery.mobile.customized.min.js--> | <!--jquery.mobile.customized.min.js--> | ||
| - | <script type= | + | <script type="text/javascript" async=""> |
// jQuery Mobile framework customized for Camera slideshow, made by | // jQuery Mobile framework customized for Camera slideshow, made by | ||
// 'jquery.mobile.define.js', | // 'jquery.mobile.define.js', | ||
| Line 1,144: | Line 1,145: | ||
</script> | </script> | ||
<!--jquery.easing.1.3.js--> | <!--jquery.easing.1.3.js--> | ||
| - | <script type= | + | <script type="text/javascript" async=""> |
/* | /* | ||
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ | * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ | ||
| Line 1,352: | Line 1,353: | ||
</script> | </script> | ||
<!--camera.min.js--> | <!--camera.min.js--> | ||
| - | <script type= | + | <script type="text/javascript" async=""> |
// Camera slideshow v1.3.3 - a jQuery slideshow with many effects, transitions, easy to customize, using canvas and mobile ready, based on jQuery 1.4+ | // Camera slideshow v1.3.3 - a jQuery slideshow with many effects, transitions, easy to customize, using canvas and mobile ready, based on jQuery 1.4+ | ||
// Copyright (c) 2012 by Manuel Masia - www.pixedelic.com | // Copyright (c) 2012 by Manuel Masia - www.pixedelic.com | ||
| Line 1,359: | Line 1,360: | ||
</script> | </script> | ||
| - | <script> | + | <script type="text/javascript"> |
jQuery(function () { | jQuery(function () { | ||
Revision as of 07:32, 21 August 2013
<!DOCTYPE html>
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)
