Initial import.
This commit is contained in:
parent
bce93523ca
commit
d3b4793113
308 changed files with 23679 additions and 0 deletions
96
WebContent/js/galleria/themes/classic/classic-demo.html
Normal file
96
WebContent/js/galleria/themes/classic/classic-demo.html
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Galleria Classic Theme</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>
|
||||
|
||||
<!-- load jQuery -->
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
|
||||
|
||||
<!-- load Galleria -->
|
||||
<script src="../../galleria-1.2.2.min.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="content">
|
||||
<h1>Galleria Classic Theme</h1>
|
||||
<p>Demonstrating a basic gallery example.</p>
|
||||
|
||||
<!-- Adding gallery images. We use resized thumbnails here for better performance, but it’s not necessary -->
|
||||
|
||||
<div id="galleria">
|
||||
<a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/1000px-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('galleria.classic.min.js');
|
||||
|
||||
// Initialize Galleria
|
||||
$('#galleria').galleria();
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
WebContent/js/galleria/themes/classic/classic-loader.gif
Normal file
BIN
WebContent/js/galleria/themes/classic/classic-loader.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
WebContent/js/galleria/themes/classic/classic-map.png
Normal file
BIN
WebContent/js/galleria/themes/classic/classic-map.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
200
WebContent/js/galleria/themes/classic/galleria.classic.css
Normal file
200
WebContent/js/galleria/themes/classic/galleria.classic.css
Normal file
|
|
@ -0,0 +1,200 @@
|
|||
/*
|
||||
* Galleria Classic Theme
|
||||
* Copyright (c) 2010, Aino
|
||||
* Licensed under the MIT license.
|
||||
*/
|
||||
|
||||
.galleria-container {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: #000;
|
||||
}
|
||||
.galleria-container img {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-o-user-select: none;
|
||||
}
|
||||
.galleria-stage {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
bottom: 60px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
overflow:hidden;
|
||||
}
|
||||
.galleria-thumbnails-container {
|
||||
height: 50px;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
z-index: 2;
|
||||
}
|
||||
.galleria-carousel .galleria-thumbnails-list {
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
.galleria-thumbnails .galleria-image {
|
||||
height: 40px;
|
||||
width: 60px;
|
||||
background: #000;
|
||||
margin: 0 5px 0 0;
|
||||
border: 1px solid #000;;
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
.galleria-counter {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
text-align: right;
|
||||
color: #fff;
|
||||
font: normal 11px/1 arial,sans-serif;
|
||||
z-index: 2;
|
||||
}
|
||||
.galleria-loader {
|
||||
background: #000;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
z-index: 2;
|
||||
display: none;
|
||||
background: url(classic-loader.gif) no-repeat 2px 2px;
|
||||
}
|
||||
.galleria-info {
|
||||
width: 50%;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
}
|
||||
.galleria-info-text {
|
||||
background-color: #000;
|
||||
padding: 12px;
|
||||
display: none;
|
||||
/* IE7 */ zoom:1;
|
||||
}
|
||||
.galleria-info-title {
|
||||
font: bold 12px/1.1 arial,sans-serif;
|
||||
margin: 0;
|
||||
color: #fff;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.galleria-info-description {
|
||||
font: italic 12px/1.4 georgia,serif;
|
||||
margin: 0;
|
||||
color: #bbb;
|
||||
}
|
||||
.galleria-info-close {
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
background-position: -753px -11px;
|
||||
opacity: .5;
|
||||
filter: alpha(opacity=50);
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
}
|
||||
.galleria-info-close:hover{
|
||||
opacity:1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
.galleria-info-link {
|
||||
background-position: -669px -5px;
|
||||
opacity: .7;
|
||||
filter: alpha(opacity=70);
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
cursor: pointer;
|
||||
background-color: #000;
|
||||
}
|
||||
.galleria-info-link:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
.galleria-image-nav {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -62px;
|
||||
width: 100%;
|
||||
height: 62px;
|
||||
left: 0;
|
||||
}
|
||||
.galleria-image-nav-left,
|
||||
.galleria-image-nav-right {
|
||||
opacity: .3;
|
||||
filter: alpha(opacity=30);
|
||||
cursor: pointer;
|
||||
width: 62px;
|
||||
height: 124px;
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
z-index: 2;
|
||||
background-position: 0 46px;
|
||||
}
|
||||
.galleria-image-nav-right {
|
||||
left: auto;
|
||||
right: 10px;
|
||||
background-position: -254px 46px;
|
||||
z-index: 2;
|
||||
}
|
||||
.galleria-image-nav-left:hover,
|
||||
.galleria-image-nav-right:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
.galleria-thumb-nav-left,
|
||||
.galleria-thumb-nav-right {
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
background-position: -495px 5px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 40px;
|
||||
width: 23px;
|
||||
z-index: 3;
|
||||
opacity: .8;
|
||||
filter: alpha(opacity=80);
|
||||
}
|
||||
.galleria-thumb-nav-right {
|
||||
background-position: -578px 5px;
|
||||
border-right: none;
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.galleria-thumbnails-container .disabled {
|
||||
opacity: .2;
|
||||
filter: alpha(opacity=20);
|
||||
cursor: default;
|
||||
}
|
||||
.galleria-thumb-nav-left:hover,
|
||||
.galleria-thumb-nav-right:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
background-color: #111;
|
||||
}
|
||||
.galleria-thumbnails-container .disabled:hover {
|
||||
opacity: 0.2;
|
||||
filter: alpha(opacity=20);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.galleria-carousel .galleria-thumb-nav-left,
|
||||
.galleria-carousel .galleria-thumb-nav-right {
|
||||
display: block;
|
||||
}
|
||||
.galleria-thumb-nav-left,
|
||||
.galleria-thumb-nav-right,
|
||||
.galleria-info-link,
|
||||
.galleria-info-close,
|
||||
.galleria-image-nav-left,
|
||||
.galleria-image-nav-right {
|
||||
background-image: url(classic-map.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
90
WebContent/js/galleria/themes/classic/galleria.classic.js
Normal file
90
WebContent/js/galleria/themes/classic/galleria.classic.js
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
/**
|
||||
* @preserve Galleria Classic Theme 2011-02-14
|
||||
* http://galleria.aino.se
|
||||
*
|
||||
* Copyright (c) 2011, Aino
|
||||
* Licensed under the MIT license.
|
||||
*/
|
||||
|
||||
/*global jQuery, Galleria */
|
||||
|
||||
(function($) {
|
||||
|
||||
Galleria.addTheme({
|
||||
name: 'classic',
|
||||
author: 'Galleria',
|
||||
css: 'galleria.classic.css',
|
||||
defaults: {
|
||||
transition: 'slide',
|
||||
thumbCrop: 'height',
|
||||
|
||||
// set this to false if you want to show the caption all the time:
|
||||
_toggleInfo: true
|
||||
},
|
||||
init: function(options) {
|
||||
|
||||
// add some elements
|
||||
this.addElement('info-link','info-close');
|
||||
this.append({
|
||||
'info' : ['info-link','info-close']
|
||||
});
|
||||
|
||||
// cache some stuff
|
||||
var info = this.$('info-link,info-close,info-text'),
|
||||
touch = Galleria.TOUCH,
|
||||
click = touch ? 'touchstart' : 'click';
|
||||
|
||||
// show loader & counter with opacity
|
||||
this.$('loader,counter').show().css('opacity', 0.4);
|
||||
|
||||
// some stuff for non-touch browsers
|
||||
if (! touch ) {
|
||||
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 });
|
||||
}
|
||||
|
||||
// toggle info
|
||||
if ( options._toggleInfo === true ) {
|
||||
info.bind( click, function() {
|
||||
info.toggle();
|
||||
});
|
||||
} else {
|
||||
info.show();
|
||||
this.$('info-link, info-close').hide();
|
||||
}
|
||||
|
||||
// bind some stuff
|
||||
this.bind('thumbnail', function(e) {
|
||||
|
||||
if (! touch ) {
|
||||
// fade thumbnails
|
||||
$(e.thumbTarget).css('opacity', 0.6).parent().hover(function() {
|
||||
$(this).not('.active').children().stop().fadeTo(100, 1);
|
||||
}, function() {
|
||||
$(this).not('.active').children().stop().fadeTo(400, 0.6);
|
||||
});
|
||||
|
||||
if ( e.index === options.show ) {
|
||||
$(e.thumbTarget).css('opacity',1);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
this.bind('loadstart', function(e) {
|
||||
if (!e.cached) {
|
||||
this.$('loader').show().fadeTo(200, 0.4);
|
||||
}
|
||||
|
||||
this.$('info').toggle( this.hasInfo() );
|
||||
|
||||
$(e.thumbTarget).css('opacity',1).parent().siblings().children().css('opacity', 0.6);
|
||||
});
|
||||
|
||||
this.bind('loadfinish', function(e) {
|
||||
this.$('loader').fadeOut(200);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
}(jQuery));
|
||||
10
WebContent/js/galleria/themes/classic/galleria.classic.min.js
vendored
Normal file
10
WebContent/js/galleria/themes/classic/galleria.classic.min.js
vendored
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
/*
|
||||
Galleria Classic Theme 2011-02-14
|
||||
http://galleria.aino.se
|
||||
|
||||
Copyright (c) 2011, Aino
|
||||
Licensed under the MIT license.
|
||||
*/
|
||||
(function(b){Galleria.addTheme({name:"classic",author:"Galleria",css:"galleria.classic.css",defaults:{transition:"slide",thumbCrop:"height",_toggleInfo:true},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);if(!d){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(e._toggleInfo===true)c.bind(f,function(){c.toggle()});else{c.show();this.$("info-link, info-close").hide()}this.bind("thumbnail",function(a){if(!d){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===e.show&&b(a.thumbTarget).css("opacity",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);
|
||||
Loading…
Add table
Add a link
Reference in a new issue