jquery图片轮播插件之galleria1.26资源-CSDN文库

共21个文件

js：10个

html：4个

gif：4个

jquery图片轮播插件

jquery轮播插件

jquery插件

jquery

javascript开发

5星 · 超过95%的资源需积分: 10 196 浏览量 2011-12-27 23:55:06 上传评论收藏 80KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

galleria-1.2.6.zip （21个子文件）

galleria

galleria-1.2.6.min.js 48KB

plugins

history

galleria.history.js 3KB

history-demo.html 7KB

galleria.history.min.js 1KB

picasa

loader.gif 2KB

galleria.picasa.min.js 3KB

galleria.picasa.js 8KB

picasa-demo.html 2KB

flickr

loader.gif 2KB

galleria.flickr.min.js 4KB

flickr-demo.html 2KB

galleria.flickr.js 10KB

flickr-loader.gif 2KB

LICENSE 1KB

galleria-1.2.6.js 151KB

themes

classic

galleria.classic.min.js 1KB

galleria.classic.js 3KB

classic-map.png 2KB

galleria.classic.css 4KB

classic-demo.html 6KB

classic-loader.gif 2KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Galleria History Plugin</title> <style> /* Demo styles */ html,body{background:#222;margin:0;} body{border-top:4px solid #000;} .content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:620px;margin:20px auto;} h1{font-size:12px;font-weight:normal;color:#ddd;margin:0;} p{margin:0 0 20px} a {color:#22BCB9;text-decoration:none;} .cred{margin-top:20px;font-size:11px;} /* This rule is read by Galleria to define the gallery height: */ #galleria{height:320px} </style>  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>  <script src="../../galleria-1.2.6.min.js"></script>  <script src="galleria.history.min.js"></script> </head> <body> <div class="content"> <h1>Galleria History Plugin</h1> <p>Demonstrating a basic history example. Supports most browsers, including FF 3.0+ and IE 7+</p>  <div id="galleria"> <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/800px-Locomotives-Roundhouse2.jpg"> <img title="Locomotives Roundhouse" alt="Steam locomotives of the Chicago & North Western Railway." src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/100px-Locomotives-Roundhouse2.jpg"> </a> <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Icebergs_in_the_High_Arctic_-_20050907.jpg/1000px-Icebergs_in_the_High_Arctic_-_20050907.jpg"> <img title="Icebergs in the High Arctic" alt="”The debris loading isn't particularly extensive, but the color is usual.”" src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Icebergs_in_the_High_Arctic_-_20050907.jpg/100px-Icebergs_in_the_High_Arctic_-_20050907.jpg"> </a> <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg/1000px-Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg"> <img title="Araña" alt="Xysticus cristatus, A Estrada, Galicia, Spain" src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg/100px-Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg"> </a> <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg/1000px-9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg"> <img title="Museo storia naturale" src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg/100px-9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg"> </a> <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg/1000px-Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg"> <img title="Grjótagjá caves in summer 2009" src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg/100px-Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.jpg"> </a> <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg/1000px-20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg"> <img title="Thermes" alt="Xanthi hot-spa springs, Xanthi Prefecture, Greece" src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg/100px-20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg"> </a> <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Polish_Army_Ko%C5%82obrzeg_077.JPG/1024px-Polish_Army_Ko%C5%82obrzeg_077.JPG"> <img title="Polish Army Kołobrzeg" alt="A display of the Polish Army. Both the soldier, and the vehicle belong to the 7th Pomeranian Coastal Defence Brigade, a part of the Szczecin-based 12th Mechanized Division ”Bolesław Krzywousty”" src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Polish_Army_Ko%C5%82obrzeg_077.JPG/100px-Polish_Army_Ko%C5%82obrzeg_077.JPG"> </a> <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/1024px-20100213_Zlatograd_Bulgaria_3.jpg"> <img title="Zlatograd Bulgaria" src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/100px-20100213_Zlatograd_Bulgaria_3.jpg"> </a> <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg/1024px-FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg"> <img title="09-28-2001 in New York City" alt="New York, NY, September 28, 2001 -- Debris on surrounding roofs at the site of the World Trade Center. Photo by Andrea Booher/ FEMA News Photo" src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg/100px-FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg"> </a> <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/1024px-Antennae%2C_Hubble_images.jpg"> <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/100px-Antennae%2C_Hubble_images.jpg"> </a> </div> <p class="cred">Made by <a href="http://galleria.aino.se">Galleria</a>.</p> </div> <script> // Load the classic theme Galleria.loadTheme('../../themes/classic/galleria.classic.min.js'); // Initialize Galleria $('#galleria').galleria(); </script> </body> </html>

评论收藏

内容反馈