Changeset 26671 for extensions/stripped-galleria/galleria/themes
- Timestamp:
- Jan 12, 2014, 10:03:35 PM (10 years ago)
- Location:
- extensions/stripped-galleria/galleria/themes/classic
- Files:
-
- 4 edited
-
classic-demo.html (modified) (3 diffs)
-
galleria.classic.css (modified) (4 diffs)
-
galleria.classic.js (modified) (6 diffs)
-
galleria.classic.min.js (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
extensions/stripped-galleria/galleria/themes/classic/classic-demo.html
r12975 r26671 24 24 25 25 <!-- load Galleria --> 26 <script src="../../galleria-1. 2.5.min.js"></script>26 <script src="../../galleria-1.3.3.min.js"></script> 27 27 28 28 </head> … … 35 35 36 36 <div id="galleria"> 37 <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/800px-Locomotives-Roundhouse2.jpg"> 38 <img title="Locomotives Roundhouse" 39 alt="Steam locomotives of the Chicago & North Western Railway." 40 src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/100px-Locomotives-Roundhouse2.jpg"> 41 </a> 42 <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"> 43 <img title="Icebergs in the High Arctic" 44 alt="”The debris loading isn't particularly extensive, but the color is usual.”" 45 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"> 37 <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Biandintz_eta_zaldiak_-_modified2.jpg/800px-Biandintz_eta_zaldiak_-_modified2.jpg"> 38 <img 39 src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Biandintz_eta_zaldiak_-_modified2.jpg/100px-Biandintz_eta_zaldiak_-_modified2.jpg", 40 data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Biandintz_eta_zaldiak_-_modified2.jpg/1280px-Biandintz_eta_zaldiak_-_modified2.jpg" 41 data-title="Biandintz eta zaldiak" 42 data-description="Horses on Bianditz mountain, in Navarre, Spain." 43 > 46 44 </a> 47 <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"> 48 <img title="Araña" 49 alt="Xysticus cristatus, A Estrada, Galicia, Spain" 50 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"> 45 <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Athabasca_Rail_at_Brule_Lake.jpg/800px-Athabasca_Rail_at_Brule_Lake.jpg"> 46 <img 47 src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Athabasca_Rail_at_Brule_Lake.jpg/100px-Athabasca_Rail_at_Brule_Lake.jpg", 48 data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Athabasca_Rail_at_Brule_Lake.jpg/1280px-Athabasca_Rail_at_Brule_Lake.jpg" 49 data-title="Athabasca Rail" 50 data-description="The Athabasca River railroad track at the mouth of Brulé Lake in Alberta, Canada." 51 > 51 52 </a> 52 <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"> 53 <img title="Museo storia naturale" 54 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"> 53 <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Back-scattering_crepuscular_rays_panorama_1.jpg/1280px-Back-scattering_crepuscular_rays_panorama_1.jpg"> 54 <img 55 src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Back-scattering_crepuscular_rays_panorama_1.jpg/100px-Back-scattering_crepuscular_rays_panorama_1.jpg", 56 data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Back-scattering_crepuscular_rays_panorama_1.jpg/1400px-Back-scattering_crepuscular_rays_panorama_1.jpg" 57 data-title="Back-scattering crepuscular rays" 58 data-description="Picture of the day on Wikimedia Commons 26 September 2010." 59 > 55 60 </a> 56 <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"> 57 <img title="Grjótagjá caves in summer 2009" 58 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"> 61 <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Interior_convento_3.jpg/800px-Interior_convento_3.jpg"> 62 <img 63 src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Interior_convento_3.jpg/120px-Interior_convento_3.jpg", 64 data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Interior_convento_3.jpg/1400px-Interior_convento_3.jpg" 65 data-title="Interior convento" 66 data-description="Interior view of Yuriria Convent, founded in 1550." 67 > 59 68 </a> 60 <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"> 61 <img title="Thermes" 62 alt="Xanthi hot-spa springs, Xanthi Prefecture, Greece" 63 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"> 69 <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Oxbow_Bend_outlook_in_the_Grand_Teton_National_Park.jpg/800px-Oxbow_Bend_outlook_in_the_Grand_Teton_National_Park.jpg"> 70 <img 71 src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Oxbow_Bend_outlook_in_the_Grand_Teton_National_Park.jpg/100px-Oxbow_Bend_outlook_in_the_Grand_Teton_National_Park.jpg", 72 data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Oxbow_Bend_outlook_in_the_Grand_Teton_National_Park.jpg/1280px-Oxbow_Bend_outlook_in_the_Grand_Teton_National_Park.jpg" 73 data-title="Oxbow Bend outlook" 74 data-description="View over the Snake River to the Mount Moran with the Skillet Glacier." 75 > 64 76 </a> 65 <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"> 66 <img title="Polish Army Kołobrzeg" 67 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”" 68 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"> 77 <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Hazy_blue_hour_in_Grand_Canyon.JPG/800px-Hazy_blue_hour_in_Grand_Canyon.JPG"> 78 <img 79 src="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Hazy_blue_hour_in_Grand_Canyon.JPG/100px-Hazy_blue_hour_in_Grand_Canyon.JPG", 80 data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Hazy_blue_hour_in_Grand_Canyon.JPG/1280px-Hazy_blue_hour_in_Grand_Canyon.JPG" 81 data-title="Hazy blue hour" 82 data-description="Hazy blue hour in Grand Canyon. View from the South Rim." 83 > 69 84 </a> 70 <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/1024px-20100213_Zlatograd_Bulgaria_3.jpg"> 71 <img title="Zlatograd Bulgaria" 72 src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/100px-20100213_Zlatograd_Bulgaria_3.jpg"> 85 <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/2909_vallon_moy_res.jpg/800px-2909_vallon_moy_res.jpg"> 86 <img 87 src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/2909_vallon_moy_res.jpg/100px-2909_vallon_moy_res.jpg", 88 data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/2909_vallon_moy_res.jpg/1280px-2909_vallon_moy_res.jpg" 89 data-title="Haute Severaisse valley" 90 data-description="View of Haute Severaisse valley and surrounding summits from the slopes of Les Vernets." 91 > 73 92 </a> 74 <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"> 75 <img title="09-28-2001 in New York City" 76 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" 77 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"> 93 <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Bohinjsko_jezero_2.jpg/800px-Bohinjsko_jezero_2.jpg"> 94 <img 95 src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Bohinjsko_jezero_2.jpg/100px-Bohinjsko_jezero_2.jpg", 96 data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Bohinjsko_jezero_2.jpg/1280px-Bohinjsko_jezero_2.jpg" 97 data-title="Bohinj lake" 98 data-description="Bohinj lake (Triglav National Park, Slovenia) in the morning." 99 > 78 100 </a> 79 <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/1024px-Antennae%2C_Hubble_images.jpg"> 80 <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/100px-Antennae%2C_Hubble_images.jpg"> 101 <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/32/Bowling_Balls_Beach_2_edit.jpg/800px-Bowling_Balls_Beach_2_edit.jpg"> 102 <img 103 src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/32/Bowling_Balls_Beach_2_edit.jpg/100px-Bowling_Balls_Beach_2_edit.jpg", 104 data-big="http://upload.wikimedia.org/wikipedia/commons/thumb/3/32/Bowling_Balls_Beach_2_edit.jpg/1280px-Bowling_Balls_Beach_2_edit.jpg" 105 data-title="Bowling Balls" 106 data-description="Mendocino county, California, USA." 107 > 81 108 </a> 82 109 </div> … … 88 115 89 116 // Load the classic theme 90 117 Galleria.loadTheme('galleria.classic.min.js'); 91 118 92 93 $('#galleria').galleria();119 // Initialize Galleria 120 Galleria.run('#galleria'); 94 121 95 122 </script> -
extensions/stripped-galleria/galleria/themes/classic/galleria.classic.css
r12975 r26671 1 /* 2 * Galleria Classic Theme 3 * Copyright (c) 2010, Aino 4 * Licensed under the MIT license. 5 * Modification for stripped-galleria theme for Piwigo 6 */ 7 1 /* Galleria Classic Theme 2012-08-07 | https://raw.github.com/aino/galleria/master/LICENSE | (c) Aino */ 2 3 #galleria-loader{height:1px!important} 4 8 5 .galleria-container { 9 6 position: relative; … … 73 70 } 74 71 .galleria-info-text { 75 background-color: #0 50505;72 background-color: #000; 76 73 padding: 12px; 77 74 display: none; 78 75 /* IE7 */ zoom:1; 79 opacity:0.8;80 filter: alpha(opacity=80);81 76 } 82 77 .galleria-info-title { 83 line-height:1.1;78 font: bold 12px/1.1 arial,sans-serif; 84 79 margin: 0; 85 80 color: #fff; 86 81 margin-bottom: 7px; 87 82 } 88 83 .galleria-info-description { 89 font-style: italic; 90 line-height:1.4; 84 font: italic 12px/1.4 georgia,serif; 91 85 margin: 0; 92 color: # fff;86 color: #bbb; 93 87 } 94 88 .galleria-info-close { … … 120 114 height: 20px; 121 115 cursor: pointer; 122 } 123 .notouch .galleria-info-link:hover { 116 background-color: #000; 117 } 118 .notouch .galleria-info-link:hover { 124 119 opacity: 1; 125 120 filter: alpha(opacity=100); … … 221 216 background-repeat: no-repeat; 222 217 } 218 .galleria-container.videoplay .galleria-info, 219 .galleria-container.videoplay .galleria-counter{ display:none!important; } -
extensions/stripped-galleria/galleria/themes/classic/galleria.classic.js
r12975 r26671 1 1 /** 2 * @preserve Galleria Classic Theme 2011-08-013 * http://galleria. aino.se2 * Galleria Classic Theme 2012-08-08 3 * http://galleria.io 4 4 * 5 * Copyright (c) 2011, Aino 6 * Licensed under the MIT license. 5 * Licensed under the MIT license 6 * https://raw.github.com/aino/galleria/master/LICENSE 7 * 7 8 */ 8 9 9 /*global jQuery, Galleria */ 10 (function($) { 10 11 11 Galleria.requires(1.25, 'This version of Classic theme requires Galleria 1.2.5 or later'); 12 13 (function($) { 12 /*global window, jQuery, Galleria */ 14 13 15 14 Galleria.addTheme({ … … 26 25 init: function(options) { 27 26 27 Galleria.requires(1.33, 'This version of Classic theme requires Galleria 1.3.3 or later'); 28 28 29 // add some elements 29 30 this.addElement('info-link','info-close'); … … 34 35 // cache some stuff 35 36 var info = this.$('info-link,info-close,info-text'), 36 touch = Galleria.TOUCH, 37 click = touch ? 'touchstart' : 'click'; 37 touch = Galleria.TOUCH; 38 38 39 39 // show loader & counter with opacity … … 49 49 // toggle info 50 50 if ( options._toggleInfo === true ) { 51 info.bind( click, function() {51 info.bind( 'click:fast', function() { 52 52 info.toggle(); 53 53 }); … … 72 72 } 73 73 } else { 74 $(e.thumbTarget).css('opacity', this.getIndex() ? 1 : 0.6); 74 $(e.thumbTarget).css('opacity', this.getIndex() ? 1 : 0.6).bind('click:fast', function() { 75 $(this).css( 'opacity', 1 ).parent().siblings().children().css('opacity', 0.6); 76 }); 75 77 } 76 78 }); 79 80 var activate = function(e) { 81 $(e.thumbTarget).css('opacity',1).parent().siblings().children().css('opacity', 0.6); 82 }; 77 83 78 84 this.bind('loadstart', function(e) { … … 80 86 this.$('loader').show().fadeTo(200, 0.4); 81 87 } 82 88 window.setTimeout(function() { 89 activate(e); 90 }, touch ? 300 : 0); 83 91 this.$('info').toggle( this.hasInfo() ); 84 85 $(e.thumbTarget).css('opacity',1).parent().siblings().children().css('opacity', 0.6);86 92 }); 87 93 -
extensions/stripped-galleria/galleria/themes/classic/galleria.classic.min.js
r12975 r26671 1 /* 2 Galleria Classic Theme 2011-08-01 3 http://galleria.aino.se 4 5 Copyright (c) 2011, Aino 6 Licensed under the MIT license. 7 */ 8 Galleria.requires(1.25,"This version of Classic theme requires Galleria 1.2.5 or later"); 9 (function(b){Galleria.addTheme({name:"classic",author:"Galleria",css:"galleria.classic.css",defaults:{transition:"slide",thumbCrop:"height",_toggleInfo:!0},init:function(e){this.addElement("info-link","info-close");this.append({info:["info-link","info-close"]});var c=this.$("info-link,info-close,info-text"),d=Galleria.TOUCH,f=d?"touchstart":"click";this.$("loader,counter").show().css("opacity",0.4);d||(this.addIdleState(this.get("image-nav-left"),{left:-50}),this.addIdleState(this.get("image-nav-right"), 10 {right:-50}),this.addIdleState(this.get("counter"),{opacity:0}));e._toggleInfo===!0?c.bind(f,function(){c.toggle()}):(c.show(),this.$("info-link, info-close").hide());this.bind("thumbnail",function(a){d?b(a.thumbTarget).css("opacity",this.getIndex()?1:0.6):(b(a.thumbTarget).css("opacity",0.6).parent().hover(function(){b(this).not(".active").children().stop().fadeTo(100,1)},function(){b(this).not(".active").children().stop().fadeTo(400,0.6)}),a.index===this.getIndex()&&b(a.thumbTarget).css("opacity", 11 1))});this.bind("loadstart",function(a){a.cached||this.$("loader").show().fadeTo(200,0.4);this.$("info").toggle(this.hasInfo());b(a.thumbTarget).css("opacity",1).parent().siblings().children().css("opacity",0.6)});this.bind("loadfinish",function(){this.$("loader").fadeOut(200)})}})})(jQuery); 1 !function(i){Galleria.addTheme({name:"classic",author:"Galleria",css:"galleria.classic.css",defaults:{transition:"slide",thumbCrop:"height",_toggleInfo:true},init:function(t){Galleria.requires(1.33,"This version of Classic theme requires Galleria 1.3.3 or later");this.addElement("info-link","info-close");this.append({info:["info-link","info-close"]});var e=this.$("info-link,info-close,info-text"),s=Galleria.TOUCH;this.$("loader,counter").show().css("opacity",.4);if(!s){this.addIdleState(this.get("image-nav-left"),{left:-50});this.addIdleState(this.get("image-nav-right"),{right:-50});this.addIdleState(this.get("counter"),{opacity:0})}if(t._toggleInfo===true){e.bind("click:fast",function(){e.toggle()})}else{e.show();this.$("info-link, info-close").hide()}this.bind("thumbnail",function(t){if(!s){i(t.thumbTarget).css("opacity",.6).parent().hover(function(){i(this).not(".active").children().stop().fadeTo(100,1)},function(){i(this).not(".active").children().stop().fadeTo(400,.6)});if(t.index===this.getIndex()){i(t.thumbTarget).css("opacity",1)}}else{i(t.thumbTarget).css("opacity",this.getIndex()?1:.6).bind("click:fast",function(){i(this).css("opacity",1).parent().siblings().children().css("opacity",.6)})}});var n=function(t){i(t.thumbTarget).css("opacity",1).parent().siblings().children().css("opacity",.6)};this.bind("loadstart",function(i){if(!i.cached){this.$("loader").show().fadeTo(200,.4)}window.setTimeout(function(){n(i)},s?300:0);this.$("info").toggle(this.hasInfo())});this.bind("loadfinish",function(i){this.$("loader").fadeOut(200)})}})}(jQuery);
Note: See TracChangeset
for help on using the changeset viewer.
