"
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> | ||
<head> | <head> | ||
| + | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > | ||
| + | <title>Camera | a free jQuery slideshow by Pixedelic</title> | ||
| + | <meta name="description" content="Camera a free jQuery slideshow with many effects, transitions, adaptive layout, easy to customize, using canvas and mobile ready"> | ||
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<!--/////////////////////////////////////////////////////////////////////////////////////////////////// | <!--/////////////////////////////////////////////////////////////////////////////////////////////////// | ||
// | // | ||
| Line 11: | Line 15: | ||
<!--<style id="camera-css" type="text/css" media="all">--> | <!--<style id="camera-css" type="text/css" media="all">--> | ||
<style> | <style> | ||
| - | + | /************************** | |
* | * | ||
* GENERAL | * GENERAL | ||
* | * | ||
**************************/ | **************************/ | ||
| - | .camera_wrap a, .camera_wrap img, | + | /*.camera_wrap a, .camera_wrap img, |
.camera_wrap ol, .camera_wrap ul, .camera_wrap li, | .camera_wrap ol, .camera_wrap ul, .camera_wrap li, | ||
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td | .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td | ||
.camera_thumbs_wrap a, .camera_thumbs_wrap img, | .camera_thumbs_wrap a, .camera_thumbs_wrap img, | ||
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, | .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, | ||
| - | .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td { | + | .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, |
| + | */ | ||
| + | .camera_thumbs_wrap td { | ||
background: none; | background: none; | ||
border: 0; | border: 0; | ||
Revision as of 07:42, 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)
