jquery图片展示控件资源-CSDN文库

共45个文件

jpg：14个

png：12个

xml：7个

jquery

camera

5星 · 超过95%的资源需积分: 16 44 浏览量 2012-08-10 10:46:46 上传评论 2 收藏 1.64MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

camera.zip （45个子文件）

images

camera_skins.png 24KB

blank.gif 1KB

slides

thumbs

bridge.jpg 5KB

big_bunny_fake.jpg 5KB

shelter.jpg 5KB

sea.jpg 3KB

tree.jpg 5KB

leaf.jpg 6KB

road.jpg 4KB

_notes

dwsync.xml 885B

header_bg.png 986B

bridge.jpg 256KB

big_bunny_fake.jpg 118KB

shelter.jpg 350KB

sea.jpg 105KB

tree.jpg 291KB

leaf.jpg 174KB

road.jpg 254KB

_notes

dwsync.xml 779B

camera-loader.gif 9KB

patterns

overlay5.png 924B

overlay1.png 937B

overlay7.png 97B

overlay4.png 924B

overlay9.png 926B

overlay8.png 948B

overlay10.png 923B

overlay2.png 935B

_notes

dwsync.xml 1KB

overlay6.png 959B

overlay3.png 938B

_notes

dwsync.xml 379B

scripts

jquery.easing.1.3.js 8KB

jquery.min.js 92KB

jquery.mobile.customized.min.js 17KB

camera.js 67KB

_notes

dwsync.xml 609B

camera.min.js 38KB

demo

basic.htm 7KB

features.htm 3KB

random.php 4KB

fullscreen.htm 4KB

_notes

dwsync.xml 372B

css

camera.css 26KB

_notes

dwsync.xml 161B

<!DOCTYPE html>  <html> <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">  <link rel='stylesheet' id='camera-css' href='../css/camera.css' type='text/css' media='all'> <style> body { margin: 0; padding: 0; } a { color: #09f; } a:hover { text-decoration: none; } #back_to_camera { clear: both; display: block; height: 80px; line-height: 40px; padding: 20px; } .fluid_container { margin: 0 auto; max-width: 1000px; width: 90%; } </style>  <script type='text/javascript' src='../scripts/jquery.min.js'></script> <script type='text/javascript' src='../scripts/jquery.mobile.customized.min.js'></script> <script type='text/javascript' src='../scripts/jquery.easing.1.3.js'></script> <script type='text/javascript' src='../scripts/camera.min.js'></script> <script> jQuery(function(){ jQuery('#camera_random').camera({ thumbnails: true }); }); </script> </head> <body> <div id="back_to_camera"> <a href="http://www.pixedelic.com/plugins/camera/">← Back to the Camera project</a> </div> <div class="fluid_container"> <div class="camera_wrap camera_azure_skin" id="camera_random"> <?php $slides = array( '<div data-thumb="../images/slides/thumbs/bridge.jpg" data-src="../images/slides/bridge.jpg"> <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> (<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.pixedelic.com%2Fplugins%2Fcamera%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.2" target="_blank">have a look</a>) </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>' ); shuffle($slides); foreach ($slides as $slides) { echo "$slides\n"; } ?> </div> </div> <div style="clear:both; display:block; height:100px"></div> </body> </html>

评论收藏

内容反馈