mirror of
https://github.com/e107inc/e107.git
synced 2025-07-30 19:30:25 +02:00
Lightbox added to gallery
This commit is contained in:
CaMer0n
@@ -25,17 +25,35 @@
|
||||
* THIS SCRIPT IS HIGHLY EXPERIMENTAL. USE AT OWN RISK.
|
||||
*
|
||||
*/
|
||||
|
||||
|
||||
require_once("../../class2.php");
|
||||
if (!getperms("P") || !plugInstalled('gallery'))
|
||||
{
|
||||
header('location:'.e_BASE.'index.php');
|
||||
exit;
|
||||
}
|
||||
e107::getJs()->pluginCSS('gallery', 'gallery_style.css');
|
||||
require_once(HEADERF);
|
||||
|
||||
e107::getJS()->headerFile("http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js",1);
|
||||
e107::getJs()->headerPlugin('gallery', 'jslib/lightbox/js/lightbox.js');
|
||||
e107::getJs()->pluginCSS('gallery', 'jslib/lightbox/css/lightbox.css');
|
||||
e107::getJs()->pluginCSS('gallery', 'gallery_style.css');
|
||||
|
||||
//e107::getJs()->headerPlugin('gallery', 'jslib/shadowbox/shadowbox.js');
|
||||
//e107::getJs()->pluginCSS('gallery', 'jslib/shadowbox/shadowbox.css');
|
||||
|
||||
// e107::getJs()->headerInline('Shadowbox.init();');
|
||||
/*
|
||||
e107::getJs()->headerInline('
|
||||
Shadowbox.init({
|
||||
handleOversize: "drag",
|
||||
overlayOpacity: 0.9,
|
||||
viewportPadding: 50
|
||||
});
|
||||
');
|
||||
|
||||
*/
|
||||
|
||||
|
||||
require_once(HEADERF);
|
||||
|
||||
class gallery
|
||||
{
|
||||
@@ -70,7 +88,7 @@ class gallery
|
||||
e107::getRender()->tablerender("Gallery",$text);
|
||||
}
|
||||
|
||||
//TODO Shadowbox/Popup support.
|
||||
|
||||
function showImages($cat)
|
||||
{
|
||||
$mes = e107::getMessage();
|
||||
|
||||
@@ -26,4 +26,6 @@
|
||||
|
||||
.gallery-list-back { }
|
||||
|
||||
.lb-dataContainer { padding-top:10px; font-size: 110%;}
|
||||
|
||||
.lb-caption { }
|
||||
|
||||
BIN
e107_plugins/gallery/images/close.png
Normal file
BIN
e107_plugins/gallery/images/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 498 B |
BIN
e107_plugins/gallery/images/loading.gif
Normal file
BIN
e107_plugins/gallery/images/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.3 KiB |
181
e107_plugins/gallery/jslib/lightbox/css/lightbox.css
Normal file
181
e107_plugins/gallery/jslib/lightbox/css/lightbox.css
Normal file
@@ -0,0 +1,181 @@
|
||||
/* line 6, ../sass/lightbox.sass */
|
||||
#lightboxOverlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
|
||||
opacity: 0.85;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* line 15, ../sass/lightbox.sass */
|
||||
#lightbox {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 10000;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
/* line 24, ../sass/lightbox.sass */
|
||||
#lightbox img {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
/* line 27, ../sass/lightbox.sass */
|
||||
#lightbox a img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* line 30, ../sass/lightbox.sass */
|
||||
.lb-outerContainer {
|
||||
position: relative;
|
||||
background-color: white;
|
||||
*zoom: 1;
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
|
||||
.lb-outerContainer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* line 39, ../sass/lightbox.sass */
|
||||
.lb-container {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
/* line 42, ../sass/lightbox.sass */
|
||||
.lb-loader {
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 0%;
|
||||
height: 25%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
/* line 51, ../sass/lightbox.sass */
|
||||
.lb-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
/* line 59, ../sass/lightbox.sass */
|
||||
.lb-container > .nav {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
/* line 62, ../sass/lightbox.sass */
|
||||
.lb-nav a {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* line 65, ../sass/lightbox.sass */
|
||||
.lb-prev, .lb-next {
|
||||
width: 49%;
|
||||
height: 100%;
|
||||
background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
|
||||
/* Trick IE into showing hover */
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 72, ../sass/lightbox.sass */
|
||||
.lb-prev {
|
||||
left: 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* line 76, ../sass/lightbox.sass */
|
||||
.lb-next {
|
||||
right: 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* line 81, ../sass/lightbox.sass */
|
||||
.lb-prev:hover {
|
||||
background: url(../images/prev.png) left 48% no-repeat;
|
||||
}
|
||||
|
||||
/* line 85, ../sass/lightbox.sass */
|
||||
.lb-next:hover {
|
||||
background: url(../images/next.png) right 48% no-repeat;
|
||||
}
|
||||
|
||||
/* line 88, ../sass/lightbox.sass */
|
||||
.lb-dataContainer {
|
||||
margin: 0 auto;
|
||||
padding-top: 5px;
|
||||
*zoom: 1;
|
||||
width: 100%;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
-ms-border-bottom-left-radius: 4px;
|
||||
-o-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
-ms-border-bottom-right-radius: 4px;
|
||||
-o-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
|
||||
.lb-dataContainer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* line 95, ../sass/lightbox.sass */
|
||||
.lb-data {
|
||||
padding: 0 10px;
|
||||
color: #bbbbbb;
|
||||
}
|
||||
/* line 98, ../sass/lightbox.sass */
|
||||
.lb-data .lb-details {
|
||||
width: 85%;
|
||||
float: left;
|
||||
text-align: left;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
/* line 103, ../sass/lightbox.sass */
|
||||
.lb-data .lb-caption {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
line-height: 1em;
|
||||
}
|
||||
/* line 107, ../sass/lightbox.sass */
|
||||
.lb-data .lb-number {
|
||||
display: block;
|
||||
clear: left;
|
||||
padding-bottom: 1em;
|
||||
font-size: 11px;
|
||||
}
|
||||
/* line 112, ../sass/lightbox.sass */
|
||||
.lb-data .lb-close {
|
||||
width: 35px;
|
||||
float: right;
|
||||
padding-bottom: 0.7em;
|
||||
outline: none;
|
||||
}
|
||||
/* line 117, ../sass/lightbox.sass */
|
||||
.lb-data .lb-close:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
858
e107_plugins/gallery/jslib/lightbox/css/screen.css
Normal file
858
e107_plugins/gallery/jslib/lightbox/css/screen.css
Normal file
@@ -0,0 +1,858 @@
|
||||
/* Lightbox v2 Project page styles
|
||||
* Author: Lokesh Dhakar http://www.lokeshdhakar.com
|
||||
* Created: a long time ago (2006 I think)
|
||||
* Table of Contents:
|
||||
* layout
|
||||
* typography
|
||||
* content */
|
||||
/* line 17, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/* line 20, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
/* line 22, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/* line 24, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
/* line 26, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
||||
caption, th, td {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* line 28, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
||||
q, blockquote {
|
||||
quotes: none;
|
||||
}
|
||||
/* line 101, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
||||
q:before, q:after, blockquote:before, blockquote:after {
|
||||
content: "";
|
||||
content: none;
|
||||
}
|
||||
|
||||
/* line 30, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
||||
a img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* line 114, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* layout
|
||||
*----------------------------------------------- */
|
||||
/* line 18, ../sass/screen.sass */
|
||||
#sidebar {
|
||||
position: fixed;
|
||||
top: 40px;
|
||||
left: 40px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
/* line 24, ../sass/screen.sass */
|
||||
#content {
|
||||
margin: 0 40px 40px 280px;
|
||||
}
|
||||
|
||||
/* line 27, ../sass/screen.sass */
|
||||
.row {
|
||||
*zoom: 1;
|
||||
}
|
||||
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
|
||||
.row:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* Typography
|
||||
*----------------------------------------------- */
|
||||
/* line 33, ../sass/screen.sass */
|
||||
body {
|
||||
background: #222222 url(../images/bg-checker.png);
|
||||
}
|
||||
|
||||
/* line 36, ../sass/screen.sass */
|
||||
body, input, textarea {
|
||||
color: white;
|
||||
text-shadow: 0 -1px 0 black;
|
||||
font-size: 16px;
|
||||
line-height: 1.625em;
|
||||
font-family: "Open Sans", "lucida grande", tahoma, sans-serif;
|
||||
font-weight: 600;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
/* line 45, ../sass/screen.sass */
|
||||
#lightbox {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/screen.sass */
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.03em;
|
||||
line-height: 1.625em;
|
||||
margin: 0;
|
||||
color: #d0eb6a;
|
||||
}
|
||||
|
||||
/* line 56, ../sass/screen.sass */
|
||||
h1 {
|
||||
font-size: 40px;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
/* line 60, ../sass/screen.sass */
|
||||
h2 {
|
||||
font-size: 34px;
|
||||
line-height: 1.45em;
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
|
||||
/* line 65, ../sass/screen.sass */
|
||||
h3 {
|
||||
font-size: 16px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
color: #88a616;
|
||||
}
|
||||
|
||||
/* line 71, ../sass/screen.sass */
|
||||
h4 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* Text elements */
|
||||
/* line 77, ../sass/screen.sass */
|
||||
p {
|
||||
margin: 0 0 1.25em 0;
|
||||
line-height: 1.625em;
|
||||
}
|
||||
|
||||
/* line 81, ../sass/screen.sass */
|
||||
ul, ol {
|
||||
margin: 0 0 1.25em 0;
|
||||
}
|
||||
|
||||
/* line 84, ../sass/screen.sass */
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* line 87, ../sass/screen.sass */
|
||||
dd {
|
||||
margin-bottom: 1.625em;
|
||||
}
|
||||
|
||||
/* line 90, ../sass/screen.sass */
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* line 93, ../sass/screen.sass */
|
||||
i {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* line 96, ../sass/screen.sass */
|
||||
pre {
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
color: #e7931a;
|
||||
font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
|
||||
line-height: 1.5;
|
||||
margin: 20px 0 20px 0;
|
||||
overflow: auto;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 6px 2px black;
|
||||
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 6px 2px black;
|
||||
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 6px 2px black;
|
||||
}
|
||||
|
||||
/* line 107, ../sass/screen.sass */
|
||||
code, kbd {
|
||||
font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 6px 2px black;
|
||||
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 6px 2px black;
|
||||
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 6px 2px black;
|
||||
padding: 5px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
color: #e7931a;
|
||||
}
|
||||
|
||||
/* line 115, ../sass/screen.sass */
|
||||
pre code {
|
||||
font-size: 13px;
|
||||
background: transparent;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
/* line 122, ../sass/screen.sass */
|
||||
a {
|
||||
color: #8ad459;
|
||||
text-decoration: none;
|
||||
}
|
||||
/* line 125, ../sass/screen.sass */
|
||||
a:hover {
|
||||
color: #589e29;
|
||||
}
|
||||
|
||||
/* line 128, ../sass/screen.sass */
|
||||
::-moz-selection,
|
||||
::selection {
|
||||
background: #e7931a;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* sidebar
|
||||
*----------------------------------------------- */
|
||||
/* line 137, ../sass/screen.sass */
|
||||
#sidebar {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
|
||||
opacity: 0.6;
|
||||
-webkit-transition: opacity 0.2s;
|
||||
-moz-transition: opacity 0.2s;
|
||||
-ms-transition: opacity 0.2s;
|
||||
-o-transition: opacity 0.2s;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
/* line 140, ../sass/screen.sass */
|
||||
#sidebar:hover {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
/* line 142, ../sass/screen.sass */
|
||||
#sidebar a {
|
||||
color: white;
|
||||
}
|
||||
/* line 144, ../sass/screen.sass */
|
||||
#sidebar .logo {
|
||||
-webkit-transition: all 0.2s ease-out;
|
||||
-moz-transition: all 0.2s ease-out;
|
||||
-ms-transition: all 0.2s ease-out;
|
||||
-o-transition: all 0.2s ease-out;
|
||||
transition: all 0.2s ease-out;
|
||||
}
|
||||
/* line 146, ../sass/screen.sass */
|
||||
#sidebar .logo em {
|
||||
color: #8ad459;
|
||||
}
|
||||
/* line 148, ../sass/screen.sass */
|
||||
#sidebar .logo:hover {
|
||||
text-shadow: 0 0 20px #d0eb6a, 0 0 50px #d0eb6a;
|
||||
}
|
||||
/* line 150, ../sass/screen.sass */
|
||||
#sidebar .author {
|
||||
font-weight: 800;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
/* line 154, ../sass/screen.sass */
|
||||
#sidebar .author a:hover {
|
||||
text-shadow: 0 0 10px white;
|
||||
}
|
||||
/* line 156, ../sass/screen.sass */
|
||||
#sidebar .author .twitter {
|
||||
font-size: 14px;
|
||||
}
|
||||
/* line 158, ../sass/screen.sass */
|
||||
#sidebar .author .twitter a {
|
||||
color: #4d9ed8;
|
||||
}
|
||||
/* line 160, ../sass/screen.sass */
|
||||
#sidebar .author .twitter em {
|
||||
color: #4d9ed8;
|
||||
}
|
||||
|
||||
/* line 163, ../sass/screen.sass */
|
||||
#nav {
|
||||
list-style: none;
|
||||
margin: 1.5em 0 1em 0;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
|
||||
}
|
||||
/* line 170, ../sass/screen.sass */
|
||||
#nav li {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
/* line 173, ../sass/screen.sass */
|
||||
#nav a {
|
||||
display: block;
|
||||
height: 2em;
|
||||
padding: 0.6em 0.2em 0.3em 20px;
|
||||
background: #505050;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.15);
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
|
||||
-webkit-transition: all 0.2s ease-out;
|
||||
-moz-transition: all 0.2s ease-out;
|
||||
-ms-transition: all 0.2s ease-out;
|
||||
-o-transition: all 0.2s ease-out;
|
||||
transition: all 0.2s ease-out;
|
||||
}
|
||||
/* line 181, ../sass/screen.sass */
|
||||
#nav a:hover {
|
||||
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
|
||||
background-color: #88a616;
|
||||
}
|
||||
/* line 184, ../sass/screen.sass */
|
||||
#nav a.first {
|
||||
border-bottom-color: rgba(0, 0, 0, 0.5);
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
-ms-border-top-left-radius: 4px;
|
||||
-o-border-top-left-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
-ms-border-top-right-radius: 4px;
|
||||
-o-border-top-right-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-color: transparent;
|
||||
}
|
||||
/* line 188, ../sass/screen.sass */
|
||||
#nav a.last {
|
||||
border-top-color: rgba(255, 255, 255, 0.25);
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
-ms-border-bottom-left-radius: 4px;
|
||||
-o-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
-ms-border-bottom-right-radius: 4px;
|
||||
-o-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
/* content
|
||||
*----------------------------------------------- */
|
||||
/* line 196, ../sass/screen.sass */
|
||||
.download {
|
||||
float: left;
|
||||
margin: 0 40px 40px 0;
|
||||
padding: 10px 20px 10px 10px;
|
||||
background-color: #333333;
|
||||
border: 5px solid #333333;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-transition: all 0.2s ease-out;
|
||||
-moz-transition: all 0.2s ease-out;
|
||||
-ms-transition: all 0.2s ease-out;
|
||||
-o-transition: all 0.2s ease-out;
|
||||
transition: all 0.2s ease-out;
|
||||
}
|
||||
/* line 204, ../sass/screen.sass */
|
||||
.download:hover {
|
||||
border-color: #8ad459;
|
||||
background-color: #444444;
|
||||
}
|
||||
/* line 207, ../sass/screen.sass */
|
||||
.download .box {
|
||||
float: left;
|
||||
}
|
||||
/* line 209, ../sass/screen.sass */
|
||||
.download .file {
|
||||
float: left;
|
||||
font-size: 36px;
|
||||
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
|
||||
font-weight: 400;
|
||||
color: white;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
/* line 216, ../sass/screen.sass */
|
||||
.download .file .version {
|
||||
font-size: 24px;
|
||||
color: #8ad459;
|
||||
}
|
||||
|
||||
/* line 221, ../sass/screen.sass */
|
||||
.filelist {
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
/* line 226, ../sass/screen.sass */
|
||||
.filelist .header {
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
}
|
||||
/* line 229, ../sass/screen.sass */
|
||||
.filelist .folder {
|
||||
color: #999999;
|
||||
}
|
||||
/* line 231, ../sass/screen.sass */
|
||||
.filelist .note {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
/* line 235, ../sass/screen.sass */
|
||||
.changelog {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
/* line 237, ../sass/screen.sass */
|
||||
.changelog li {
|
||||
list-style: none;
|
||||
padding: 0 0 0 14px;
|
||||
background: url(../images/bullet.gif) no-repeat 0 11px;
|
||||
color: #999999;
|
||||
}
|
||||
/* line 242, ../sass/screen.sass */
|
||||
.changelog li .version {
|
||||
color: #88a616;
|
||||
}
|
||||
/* line 244, ../sass/screen.sass */
|
||||
.changelog li .date {
|
||||
color: white;
|
||||
}
|
||||
/* line 246, ../sass/screen.sass */
|
||||
.changelog .old {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* line 249, ../sass/screen.sass */
|
||||
.showOlderChanges {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
/* line 253, ../sass/screen.sass */
|
||||
.forums {
|
||||
float: left;
|
||||
margin: 0 40px 40px 0;
|
||||
padding: 10px;
|
||||
background-color: #333333;
|
||||
border: 5px solid #333333;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-transition: all 0.2s ease-out;
|
||||
-moz-transition: all 0.2s ease-out;
|
||||
-ms-transition: all 0.2s ease-out;
|
||||
-o-transition: all 0.2s ease-out;
|
||||
transition: all 0.2s ease-out;
|
||||
}
|
||||
/* line 261, ../sass/screen.sass */
|
||||
.forums:hover {
|
||||
border-color: #8ad459;
|
||||
background-color: #444444;
|
||||
}
|
||||
/* line 264, ../sass/screen.sass */
|
||||
.forums .speech {
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
}
|
||||
/* line 267, ../sass/screen.sass */
|
||||
.forums .link {
|
||||
float: left;
|
||||
font-size: 36px;
|
||||
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
|
||||
font-weight: 400;
|
||||
color: white;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
/* line 274, ../sass/screen.sass */
|
||||
.forums .link .sub {
|
||||
color: #8ad459;
|
||||
}
|
||||
|
||||
/* line 278, ../sass/screen.sass */
|
||||
#elsewhere .button {
|
||||
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
|
||||
font-weight: normal;
|
||||
font-size: 24px;
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 20px 20px 40px 0;
|
||||
padding: 10px 10px 10px 10px;
|
||||
background-color: #333333;
|
||||
border: 5px solid #333333;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-transition: all 0.2s ease-out;
|
||||
-moz-transition: all 0.2s ease-out;
|
||||
-ms-transition: all 0.2s ease-out;
|
||||
-o-transition: all 0.2s ease-out;
|
||||
transition: all 0.2s ease-out;
|
||||
color: white;
|
||||
}
|
||||
/* line 291, ../sass/screen.sass */
|
||||
#elsewhere .button:hover {
|
||||
background-color: #444444;
|
||||
border-color: #8ad459;
|
||||
}
|
||||
|
||||
/* misc
|
||||
*----------------------------------------------- */
|
||||
/* line 298, ../sass/screen.sass */
|
||||
p.lead {
|
||||
font-size: 26px;
|
||||
font-weight: 600;
|
||||
line-height: 1.4em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* line 305, ../sass/screen.sass */
|
||||
hr {
|
||||
height: 6px;
|
||||
background: #3d3d33;
|
||||
border: none;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* line 312, ../sass/screen.sass */
|
||||
.section {
|
||||
padding: 40px 0;
|
||||
}
|
||||
/* line 314, ../sass/screen.sass */
|
||||
.section:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
/* line 317, ../sass/screen.sass */
|
||||
.imageRow {
|
||||
*zoom: 1;
|
||||
margin: 20px 0;
|
||||
}
|
||||
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
|
||||
.imageRow:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
/* line 320, ../sass/screen.sass */
|
||||
.imageRow .single {
|
||||
float: left;
|
||||
}
|
||||
/* line 322, ../sass/screen.sass */
|
||||
.imageRow .single a {
|
||||
float: left;
|
||||
display: block;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
padding: 7px;
|
||||
line-height: 1em;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
|
||||
margin-right: 40px;
|
||||
-webkit-transition: all 0.2s ease-out;
|
||||
-moz-transition: all 0.2s ease-out;
|
||||
-ms-transition: all 0.2s ease-out;
|
||||
-o-transition: all 0.2s ease-out;
|
||||
transition: all 0.2s ease-out;
|
||||
}
|
||||
/* line 332, ../sass/screen.sass */
|
||||
.imageRow .single a img {
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
/* line 335, ../sass/screen.sass */
|
||||
.imageRow .single a:hover {
|
||||
background-color: #8ad459;
|
||||
}
|
||||
/* line 337, ../sass/screen.sass */
|
||||
.imageRow .set {
|
||||
float: left;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
|
||||
-webkit-transition: all 0.2s ease-out;
|
||||
-moz-transition: all 0.2s ease-out;
|
||||
-ms-transition: all 0.2s ease-out;
|
||||
-o-transition: all 0.2s ease-out;
|
||||
transition: all 0.2s ease-out;
|
||||
}
|
||||
/* line 343, ../sass/screen.sass */
|
||||
.imageRow .set:hover {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
/* line 346, ../sass/screen.sass */
|
||||
.imageRow .set .single a {
|
||||
background: none;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-ms-border-radius: 0;
|
||||
-o-border-radius: 0;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
margin-right: 0;
|
||||
}
|
||||
/* line 351, ../sass/screen.sass */
|
||||
.imageRow .set .single a:hover {
|
||||
background-color: #8ad459;
|
||||
-webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
/* line 355, ../sass/screen.sass */
|
||||
.imageRow .set .single.first a {
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
-ms-border-top-left-radius: 4px;
|
||||
-o-border-top-left-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
-ms-border-bottom-left-radius: 4px;
|
||||
-o-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
/* line 358, ../sass/screen.sass */
|
||||
.imageRow .set .single.last a {
|
||||
-moz-border-radius-topright: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
-ms-border-top-right-radius: 4px;
|
||||
-o-border-top-right-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
-ms-border-bottom-right-radius: 4px;
|
||||
-o-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1000px) {
|
||||
/* line 364, ../sass/screen.sass */
|
||||
body, input, textarea {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* line 367, ../sass/screen.sass */
|
||||
body {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
/* line 370, ../sass/screen.sass */
|
||||
.section {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
/* line 373, ../sass/screen.sass */
|
||||
p.lead {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
/* line 376, ../sass/screen.sass */
|
||||
h1 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
/* line 379, ../sass/screen.sass */
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
/* line 382, ../sass/screen.sass */
|
||||
h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* line 385, ../sass/screen.sass */
|
||||
code, kbd {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* line 388, ../sass/screen.sass */
|
||||
pre code {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* line 391, ../sass/screen.sass */
|
||||
pre {
|
||||
padding: 0.75em;
|
||||
}
|
||||
|
||||
/* line 394, ../sass/screen.sass */
|
||||
#sidebar {
|
||||
width: 160px;
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
/* line 398, ../sass/screen.sass */
|
||||
#content {
|
||||
margin-left: 200px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 700px) {
|
||||
/* line 403, ../sass/screen.sass */
|
||||
body, input, textarea {
|
||||
font-size: 12px;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
/* line 407, ../sass/screen.sass */
|
||||
p.lead {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* line 410, ../sass/screen.sass */
|
||||
code, kbd {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* line 413, ../sass/screen.sass */
|
||||
pre code {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/* line 416, ../sass/screen.sass */
|
||||
pre {
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
/* line 420, ../sass/screen.sass */
|
||||
#sidebar {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
position: static;
|
||||
text-align: center;
|
||||
width: auto;
|
||||
margin: 20px 20px 0 20px;
|
||||
border-bottom: 6px solid #3d3d33;
|
||||
}
|
||||
/* line 427, ../sass/screen.sass */
|
||||
#sidebar h1 {
|
||||
font-size: 24px;
|
||||
}
|
||||
/* line 429, ../sass/screen.sass */
|
||||
#sidebar .twitter {
|
||||
font-size: 14px;
|
||||
}
|
||||
/* line 431, ../sass/screen.sass */
|
||||
#sidebar #nav {
|
||||
font-size: 12px;
|
||||
}
|
||||
/* line 433, ../sass/screen.sass */
|
||||
#sidebar #nav li {
|
||||
display: inline-block;
|
||||
}
|
||||
/* line 435, ../sass/screen.sass */
|
||||
#sidebar #nav li a {
|
||||
padding: 10px;
|
||||
height: auto;
|
||||
margin: 0 5px 10px 5px;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
-ms-border-radius: 6px;
|
||||
-o-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
/* line 441, ../sass/screen.sass */
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/* line 444, ../sass/screen.sass */
|
||||
h3 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* line 447, ../sass/screen.sass */
|
||||
#content {
|
||||
margin: 10px 20px 20px 20px;
|
||||
}
|
||||
|
||||
/* line 450, ../sass/screen.sass */
|
||||
.download {
|
||||
text-align: center;
|
||||
width: 95%;
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
/* line 456, ../sass/screen.sass */
|
||||
.download .box, .download .file {
|
||||
float: none;
|
||||
}
|
||||
|
||||
/* line 459, ../sass/screen.sass */
|
||||
.forums {
|
||||
text-align: center;
|
||||
width: 95%;
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
/* line 465, ../sass/screen.sass */
|
||||
.forums .speech, .forums .link {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
BIN
e107_plugins/gallery/jslib/lightbox/images/bg-checker.png
Normal file
BIN
e107_plugins/gallery/jslib/lightbox/images/bg-checker.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 950 B |
BIN
e107_plugins/gallery/jslib/lightbox/images/bullet.gif
Normal file
BIN
e107_plugins/gallery/jslib/lightbox/images/bullet.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 B |
BIN
e107_plugins/gallery/jslib/lightbox/images/next.png
Normal file
BIN
e107_plugins/gallery/jslib/lightbox/images/next.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
e107_plugins/gallery/jslib/lightbox/images/prev.png
Normal file
BIN
e107_plugins/gallery/jslib/lightbox/images/prev.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
254
e107_plugins/gallery/jslib/lightbox/index.html
Normal file
254
e107_plugins/gallery/jslib/lightbox/index.html
Normal file
@@ -0,0 +1,254 @@
|
||||
<!doctype html>
|
||||
<html lang="en-us">
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<title>Lightbox 2</title>
|
||||
|
||||
<meta name="description" lang="en" content="Lightbox 2 is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers." />
|
||||
<meta name="author" content="Lokesh Dhakar">
|
||||
|
||||
<meta name="viewport" content="width=device-width">
|
||||
|
||||
<link rel="shortcut icon" type="image/ico" href="images/favicon.gif" />
|
||||
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />
|
||||
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Fredoka+One|Open+Sans:400,700' rel='stylesheet' type='text/css'>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="sidebar">
|
||||
<h1 class="logo"><a href="http://www.lokeshdhakar.com/projects/lightbox2/">Lightbox<em>2</em></a></h1>
|
||||
<p class="author"><a href="http://www.lokeshdhakar.com">by Lokesh Dhakar</a> <br />
|
||||
<span class="twitter"><a href="https://twitter.com/intent/user?screen_name=lokeshdhakar">Follow me on <em>Twitter</em></a></span></p>
|
||||
|
||||
<ul id="nav">
|
||||
<li><a href="#example" class="first">Example</a></li>
|
||||
<li><a href="#download">Download</a></li>
|
||||
<li><a href="#how">How to Use</a></li>
|
||||
<li><a href="#support">Support</a></li>
|
||||
<li><a href="#donate" class="last">Donate</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
|
||||
<div class="section" id="overview">
|
||||
<p class="lead">Lightbox is a <em>simple, unobtrusive</em> script used to overlay images on top of the current page. It's a <em>snap to setup</em> and works on <em>all modern browsers</em>.</p>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="section" id="example">
|
||||
|
||||
|
||||
<h2>Examples</h2>
|
||||
|
||||
<h3>Single image</h3>
|
||||
<div class="imageRow">
|
||||
<div class="single">
|
||||
<a href="images/examples/image-1.jpg" rel="lightbox"><img src="images/examples/thumb-1.jpg" alt="" /></a>
|
||||
</div>
|
||||
<div class="single">
|
||||
<a href="images/examples/image-2.jpg" rel="lightbox" title="Optional caption."><img src="images/examples/thumb-2.jpg" alt="" /></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 style="clear: both;">Image set</h3>
|
||||
|
||||
<div class="imageRow">
|
||||
<div class="set">
|
||||
<div class="single first">
|
||||
<a href="images/examples/image-3.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/examples/thumb-3.jpg" alt="Plants: image 1 0f 4 thumb" /></a>
|
||||
</div>
|
||||
<div class="single">
|
||||
<a href="images/examples/image-4.jpg" rel="lightbox[plants]" title="Alternately you can press the right arrow key." ><img src="images/examples/thumb-4.jpg" alt="Plants: image 2 0f 4 thumb" /></a>
|
||||
</div>
|
||||
<div class="single">
|
||||
<a href="images/examples/image-5.jpg" rel="lightbox[plants]" title="The script preloads the next image in the set as you're viewing."><img src="images/examples/thumb-5.jpg" alt="Plants: image 3 0f 4 thumb" /></a>
|
||||
</div>
|
||||
<div class="single last">
|
||||
<a href="images/examples/image-6.jpg" rel="lightbox[plants]" title="Click the X or anywhere outside the image to close"><img src="images/examples/thumb-6.jpg" alt="Plants: image 4 0f 4 thumb" /></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="section" id="download">
|
||||
<h2>Download</h2>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<a href="releases/lightbox2.51.zip" class="download">
|
||||
<img src="images/box.png" alt="Box" class="box" />
|
||||
<div class="file">
|
||||
Lightbox <div class="version">v2.51</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<ul class="filelist">
|
||||
<li class="header">Includes:</li>
|
||||
<li>index.html</li>
|
||||
<li><span class="folder">js/</span>jquery-1.7.2.min.js</li>
|
||||
<li><span class="folder">js/</span>lightbox.js</li>
|
||||
<li><span class="folder">css/</span>lightbox.css</li>
|
||||
<li><span class="folder">images/</span>close.png</li>
|
||||
<li><span class="folder">images/</span>loading.gif</li>
|
||||
<li><span class="folder">images/</span>next.png</li>
|
||||
<li><span class="folder">images/</span>prev.png</li>
|
||||
<li><span class="note">Plus a few files for the demo page</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<p>Lightbox2 is open-source.<br /> Fork the code on <a href="https://github.com/lokesh/lightbox2">Github</a>.</p>
|
||||
|
||||
|
||||
|
||||
<h3>Changelog</h3>
|
||||
<ul class="changelog">
|
||||
<li><span class="version">v2.51 </span> - <span class="date">4/20/12</span> - IE Fix: removed stray console.log statements. :-/</li>
|
||||
<li><span class="version">v2.5 </span> - <span class="date">4/10/12</span> - Switch to jQuery. Code put in Github. Compiling with Coffeescript and SASS.</li>
|
||||
<li class="old"><span class="version">v2.05 </span> - <span class="date">3/18/11</span> - Upgraded Prototype (now works in IE9) and Scriptaculous. Minor bug fixes.</li>
|
||||
<li class="old"><span class="version">v2.04 </span> - <span class="date">3/9/08</span>
|
||||
<ul>
|
||||
<li>NEW - Upgraded Prototype from v1.4 to v1.6.0.2
|
||||
<li>NEW - Moved label text into configuration for easier localization</li>
|
||||
<li>UPDATED - Code cleaned up. Respect for the global namespace and native javascript objects.</li>
|
||||
<li>FIXED - Caption displays as "null" when viewing an uncaptioned image after viewing a captioned image.</li>
|
||||
<li>FIXED - Clicking 'close' button shifts layout as link focus' dotted line appears.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="old"><span class="version">v2.03.3 </span> - <span class="date">5/21/07 </span>- Support for horizontally scrolling pages. Added updateImageList method for ajax'y pages.</li>
|
||||
<li class="old"><span class="version">v2.03.2 </span> - <span class="date">4/30/07</span> - Fixed animated gif support in IE/Opera.</li>
|
||||
<li class="old"><span class="version">v2.03.1 </span> - <span class="date">4/18/07</span> - Fixed embed hiding. Overlay opacity var added to config. Image sets w/Imagemaps fix. Clearfix removed.</li>
|
||||
<li class="old"><span class="version">v2.03</span> - <span class="date">4/10/07 </span>- Improved keyboard navigation. Animation off toggle. Hides Flash movies under overlay. Imagemap support. Valid CSS.</li>
|
||||
<li class="old"><span class="version">v2.02</span> - Fixed layout issues caused by multiline captions. Added keyboard navigation.</li>
|
||||
<li class="old"><span class="version">v2.01</span> - Centering in IE6 (any DOCTYPE) fixed. Smoothed out resize transition.</li>
|
||||
</ul>
|
||||
<a href="#" class="showOlderChanges">Show older changes</a>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
|
||||
<div class="section" id="how">
|
||||
<h2>How to use</h2>
|
||||
<h3>Part 1 - Setup</h3>
|
||||
<ol>
|
||||
<li>Lightbox 2 uses the <a href="http://jquery.com/">jQuery</a> framework. Load jQuery and the Lightbox javascript files in the proper order.
|
||||
<pre><code><script src="js/jquery-1.7.2.min.js"></script>
|
||||
<script src="js/lightbox.js"></script>
|
||||
</code></pre>
|
||||
</li>
|
||||
<li>Include the Lightbox CSS file.
|
||||
<pre><code><link href="css/lightbox.css" rel="stylesheet" />
|
||||
</code></pre>
|
||||
</li>
|
||||
<li>Check the CSS and make sure the referenced <code>prev.png</code> and <code>next.png</code> files are in the right location. Also, make sure the <code>loading.gif</code> and <code>close.png</code> files as referenced near the top of the <code>lightbox.js</code> file are in the right location.</li>
|
||||
</ol>
|
||||
<h3>Part 2 - Activate</h3>
|
||||
<ol>
|
||||
<li>Add a <code>rel="lightbox"</code> attribute to any link tag to activate Lightbox.
|
||||
<pre><code><a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
|
||||
</code></pre>
|
||||
<em>Optional: </em>Use the <code>title</code> attribute if you want to show a caption. </li>
|
||||
<li>If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute.
|
||||
<pre><code><a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
|
||||
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
|
||||
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
|
||||
</code></pre>
|
||||
No limits to the number of image sets per page or how many images are allowed in each set. Go nuts!</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="section" id="support">
|
||||
<h2>Support</h2>
|
||||
<p>For personal support issues and feature requests please post a message in the forums. I do not have time to personally respond to support emails, please use the forum. Thanks!
|
||||
</p>
|
||||
<p>For bug reports, send a note with the browser you are using and the version of Lightbox to lokesh.dhakar@[ google's email service ].com.</p>
|
||||
|
||||
<a href="http://lokeshdhakar.com/forums/" class="forums">
|
||||
<img src="images/speech-bubbles.png" alt="Speech bubbles" class="speech" />
|
||||
<div class="link">
|
||||
Lightbox<br />
|
||||
<span class="sub">Forums</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
|
||||
<div class="section" id="donate">
|
||||
<h2>Donate</h2>
|
||||
<p>Lightbox is completely free to use. If you're using Lightbox on a commercial project and feeling generous, consider a donation. All donations are sincerely appreciated. Thanks!</p>
|
||||
|
||||
<form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post">
|
||||
<fieldset>
|
||||
<input type="hidden" name="cmd" value="_xclick" />
|
||||
<input type="hidden" name="business" value="lokesh.dhakar@gmail.com" />
|
||||
<input type="hidden" name="item_name" value="Donation for Lightbox">
|
||||
<input type="hidden" name="no_note" value="1" />
|
||||
<input type="hidden" name="currency_code" value="USD" />
|
||||
<input type="hidden" name="tax" value="0" />
|
||||
<input type="hidden" name="bn" value="PP-DonationsBF" />
|
||||
<input type="image" src="images/donate.png" name="submit" alt="Make payments with PayPal - it's fast, free and secure!" />
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="section" id="elsewhere">
|
||||
<h3>Find me elsewhere</h3>
|
||||
|
||||
<div class="row">
|
||||
<a href="https://twitter.com/intent/user?screen_name=lokeshdhakar" class="button">Twitter</a>
|
||||
<a href="http://lokeshdhakar.com/" class="button">Blog</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!-- end #content -->
|
||||
|
||||
<script src="js/jquery-1.7.2.min.js"></script>
|
||||
<script src="js/jquery-ui-1.8.18.custom.min.js"></script>
|
||||
<script src="js/jquery.smooth-scroll.min.js"></script>
|
||||
<script src="js/lightbox.js"></script>
|
||||
|
||||
<script>
|
||||
jQuery(document).ready(function($) {
|
||||
$('a').smoothScroll({
|
||||
speed: 1000,
|
||||
easing: 'easeInOutCubic'
|
||||
});
|
||||
|
||||
$('.showOlderChanges').on('click', function(e){
|
||||
$('.changelog .old').slideDown('slow');
|
||||
$(this).fadeOut();
|
||||
e.preventDefault();
|
||||
})
|
||||
});
|
||||
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-2196019-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
351
e107_plugins/gallery/jslib/lightbox/js/lightbox.js
Normal file
351
e107_plugins/gallery/jslib/lightbox/js/lightbox.js
Normal file
@@ -0,0 +1,351 @@
|
||||
|
||||
/*
|
||||
Lightbox v2.51
|
||||
by Lokesh Dhakar - http://www.lokeshdhakar.com
|
||||
|
||||
For more information, visit:
|
||||
http://lokeshdhakar.com/projects/lightbox2/
|
||||
|
||||
Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/
|
||||
- free for use in both personal and commercial projects
|
||||
- attribution requires leaving author name, author link, and the license info intact
|
||||
|
||||
Thanks
|
||||
- Scott Upton(uptonic.com), Peter-Paul Koch(quirksmode.com), and Thomas Fuchs(mir.aculo.us) for ideas, libs, and snippets.
|
||||
- Artemy Tregubenko (arty.name) for cleanup and help in updating to latest proto-aculous in v2.05.
|
||||
|
||||
|
||||
Table of Contents
|
||||
=================
|
||||
LightboxOptions
|
||||
|
||||
Lightbox
|
||||
- constructor
|
||||
- init
|
||||
- enable
|
||||
- build
|
||||
- start
|
||||
- changeImage
|
||||
- sizeContainer
|
||||
- showImage
|
||||
- updateNav
|
||||
- updateDetails
|
||||
- preloadNeigbhoringImages
|
||||
- enableKeyboardNav
|
||||
- disableKeyboardNav
|
||||
- keyboardAction
|
||||
- end
|
||||
|
||||
options = new LightboxOptions
|
||||
lightbox = new Lightbox options
|
||||
*/
|
||||
|
||||
(function() {
|
||||
var $, Lightbox, LightboxOptions;
|
||||
|
||||
$ = jQuery;
|
||||
|
||||
LightboxOptions = (function() {
|
||||
|
||||
function LightboxOptions() {
|
||||
this.fileLoadingImage = 'images/loading.gif';
|
||||
this.fileCloseImage = 'images/close.png';
|
||||
this.resizeDuration = 300;
|
||||
this.fadeDuration = 100;
|
||||
this.labelImage = "Image";
|
||||
this.labelOf = "of";
|
||||
}
|
||||
|
||||
return LightboxOptions;
|
||||
|
||||
})();
|
||||
|
||||
Lightbox = (function() {
|
||||
|
||||
function Lightbox(options) {
|
||||
this.options = options;
|
||||
this.album = [];
|
||||
this.currentImageIndex = void 0;
|
||||
this.init();
|
||||
}
|
||||
|
||||
Lightbox.prototype.init = function() {
|
||||
this.enable();
|
||||
return this.build();
|
||||
};
|
||||
|
||||
Lightbox.prototype.enable = function() {
|
||||
var _this = this;
|
||||
return $('body').on('click', 'a[rel^=lightbox], area[rel^=lightbox]', function(e) {
|
||||
_this.start($(e.currentTarget));
|
||||
return false;
|
||||
});
|
||||
};
|
||||
|
||||
Lightbox.prototype.build = function() {
|
||||
var $lightbox,
|
||||
_this = this;
|
||||
$("<div>", {
|
||||
id: 'lightboxOverlay'
|
||||
}).after($('<div/>', {
|
||||
id: 'lightbox'
|
||||
}).append($('<div/>', {
|
||||
"class": 'lb-outerContainer'
|
||||
}).append($('<div/>', {
|
||||
"class": 'lb-container'
|
||||
}).append($('<img/>', {
|
||||
"class": 'lb-image'
|
||||
}), $('<div/>', {
|
||||
"class": 'lb-nav'
|
||||
}).append($('<a/>', {
|
||||
"class": 'lb-prev'
|
||||
}), $('<a/>', {
|
||||
"class": 'lb-next'
|
||||
})), $('<div/>', {
|
||||
"class": 'lb-loader'
|
||||
}).append($('<a/>', {
|
||||
"class": 'lb-cancel'
|
||||
}).append($('<img/>', {
|
||||
src: this.options.fileLoadingImage
|
||||
}))))), $('<div/>', {
|
||||
"class": 'lb-dataContainer'
|
||||
}).append($('<div/>', {
|
||||
"class": 'lb-data'
|
||||
}).append($('<div/>', {
|
||||
"class": 'lb-details'
|
||||
}).append($('<span/>', {
|
||||
"class": 'lb-caption'
|
||||
}), $('<span/>', {
|
||||
"class": 'lb-number'
|
||||
})), $('<div/>', {
|
||||
"class": 'lb-closeContainer'
|
||||
}).append($('<a/>', {
|
||||
"class": 'lb-close'
|
||||
}).append($('<img/>', {
|
||||
src: this.options.fileCloseImage
|
||||
}))))))).appendTo($('body'));
|
||||
$('#lightboxOverlay').hide().on('click', function(e) {
|
||||
_this.end();
|
||||
return false;
|
||||
});
|
||||
$lightbox = $('#lightbox');
|
||||
$lightbox.hide().on('click', function(e) {
|
||||
if ($(e.target).attr('id') === 'lightbox') _this.end();
|
||||
return false;
|
||||
});
|
||||
$lightbox.find('.lb-outerContainer').on('click', function(e) {
|
||||
if ($(e.target).attr('id') === 'lightbox') _this.end();
|
||||
return false;
|
||||
});
|
||||
$lightbox.find('.lb-prev').on('click', function(e) {
|
||||
_this.changeImage(_this.currentImageIndex - 1);
|
||||
return false;
|
||||
});
|
||||
$lightbox.find('.lb-next').on('click', function(e) {
|
||||
_this.changeImage(_this.currentImageIndex + 1);
|
||||
return false;
|
||||
});
|
||||
$lightbox.find('.lb-loader, .lb-close').on('click', function(e) {
|
||||
_this.end();
|
||||
return false;
|
||||
});
|
||||
};
|
||||
|
||||
Lightbox.prototype.start = function($link) {
|
||||
var $lightbox, $window, a, i, imageNumber, left, top, _len, _ref;
|
||||
$(window).on("resize", this.sizeOverlay);
|
||||
$('select, object, embed').css({
|
||||
visibility: "hidden"
|
||||
});
|
||||
$('#lightboxOverlay').width($(document).width()).height($(document).height()).fadeIn(this.options.fadeDuration);
|
||||
this.album = [];
|
||||
imageNumber = 0;
|
||||
if ($link.attr('rel') === 'lightbox') {
|
||||
this.album.push({
|
||||
link: $link.attr('href'),
|
||||
title: $link.attr('title')
|
||||
});
|
||||
} else {
|
||||
_ref = $($link.prop("tagName") + '[rel="' + $link.attr('rel') + '"]');
|
||||
for (i = 0, _len = _ref.length; i < _len; i++) {
|
||||
a = _ref[i];
|
||||
this.album.push({
|
||||
link: $(a).attr('href'),
|
||||
title: $(a).attr('title')
|
||||
});
|
||||
if ($(a).attr('href') === $link.attr('href')) imageNumber = i;
|
||||
}
|
||||
}
|
||||
$window = $(window);
|
||||
top = $window.scrollTop() + $window.height() / 10;
|
||||
left = $window.scrollLeft();
|
||||
$lightbox = $('#lightbox');
|
||||
$lightbox.css({
|
||||
top: top + 'px',
|
||||
left: left + 'px'
|
||||
}).fadeIn(this.options.fadeDuration);
|
||||
this.changeImage(imageNumber);
|
||||
};
|
||||
|
||||
Lightbox.prototype.changeImage = function(imageNumber) {
|
||||
var $image, $lightbox, preloader,
|
||||
_this = this;
|
||||
this.disableKeyboardNav();
|
||||
$lightbox = $('#lightbox');
|
||||
$image = $lightbox.find('.lb-image');
|
||||
this.sizeOverlay();
|
||||
$('#lightboxOverlay').fadeIn(this.options.fadeDuration);
|
||||
$('.loader').fadeIn('slow');
|
||||
$lightbox.find('.lb-image, .lb-nav, .lb-prev, .lb-next, .lb-dataContainer, .lb-numbers, .lb-caption').hide();
|
||||
$lightbox.find('.lb-outerContainer').addClass('animating');
|
||||
preloader = new Image;
|
||||
preloader.onload = function() {
|
||||
$image.attr('src', _this.album[imageNumber].link);
|
||||
$image.width = preloader.width;
|
||||
$image.height = preloader.height;
|
||||
return _this.sizeContainer(preloader.width, preloader.height);
|
||||
};
|
||||
preloader.src = this.album[imageNumber].link;
|
||||
this.currentImageIndex = imageNumber;
|
||||
};
|
||||
|
||||
Lightbox.prototype.sizeOverlay = function() {
|
||||
return $('#lightboxOverlay').width($(document).width()).height($(document).height());
|
||||
};
|
||||
|
||||
Lightbox.prototype.sizeContainer = function(imageWidth, imageHeight) {
|
||||
var $container, $lightbox, $outerContainer, containerBottomPadding, containerLeftPadding, containerRightPadding, containerTopPadding, newHeight, newWidth, oldHeight, oldWidth,
|
||||
_this = this;
|
||||
$lightbox = $('#lightbox');
|
||||
$outerContainer = $lightbox.find('.lb-outerContainer');
|
||||
oldWidth = $outerContainer.outerWidth();
|
||||
oldHeight = $outerContainer.outerHeight();
|
||||
$container = $lightbox.find('.lb-container');
|
||||
containerTopPadding = parseInt($container.css('padding-top'), 10);
|
||||
containerRightPadding = parseInt($container.css('padding-right'), 10);
|
||||
containerBottomPadding = parseInt($container.css('padding-bottom'), 10);
|
||||
containerLeftPadding = parseInt($container.css('padding-left'), 10);
|
||||
newWidth = imageWidth + containerLeftPadding + containerRightPadding;
|
||||
newHeight = imageHeight + containerTopPadding + containerBottomPadding;
|
||||
if (newWidth !== oldWidth && newHeight !== oldHeight) {
|
||||
$outerContainer.animate({
|
||||
width: newWidth,
|
||||
height: newHeight
|
||||
}, this.options.resizeDuration, 'swing');
|
||||
} else if (newWidth !== oldWidth) {
|
||||
$outerContainer.animate({
|
||||
width: newWidth
|
||||
}, this.options.resizeDuration, 'swing');
|
||||
} else if (newHeight !== oldHeight) {
|
||||
$outerContainer.animate({
|
||||
height: newHeight
|
||||
}, this.options.resizeDuration, 'swing');
|
||||
}
|
||||
setTimeout(function() {
|
||||
$lightbox.find('.lb-dataContainer').width(newWidth);
|
||||
$lightbox.find('.lb-prevLink').height(newHeight);
|
||||
$lightbox.find('.lb-nextLink').height(newHeight);
|
||||
_this.showImage();
|
||||
}, this.options.resizeDuration);
|
||||
};
|
||||
|
||||
Lightbox.prototype.showImage = function() {
|
||||
var $lightbox;
|
||||
$lightbox = $('#lightbox');
|
||||
$lightbox.find('.lb-loader').hide();
|
||||
$lightbox.find('.lb-image').fadeIn('slow');
|
||||
this.updateNav();
|
||||
this.updateDetails();
|
||||
this.preloadNeighboringImages();
|
||||
this.enableKeyboardNav();
|
||||
};
|
||||
|
||||
Lightbox.prototype.updateNav = function() {
|
||||
var $lightbox;
|
||||
$lightbox = $('#lightbox');
|
||||
$lightbox.find('.lb-nav').show();
|
||||
if (this.currentImageIndex > 0) $lightbox.find('.lb-prev').show();
|
||||
if (this.currentImageIndex < this.album.length - 1) {
|
||||
$lightbox.find('.lb-next').show();
|
||||
}
|
||||
};
|
||||
|
||||
Lightbox.prototype.updateDetails = function() {
|
||||
var $lightbox,
|
||||
_this = this;
|
||||
$lightbox = $('#lightbox');
|
||||
if (typeof this.album[this.currentImageIndex].title !== 'undefined' && this.album[this.currentImageIndex].title !== "") {
|
||||
$lightbox.find('.lb-caption').html(this.album[this.currentImageIndex].title).fadeIn('fast');
|
||||
}
|
||||
if (this.album.length > 1) {
|
||||
$lightbox.find('.lb-number').html(this.options.labelImage + ' ' + (this.currentImageIndex + 1) + ' ' + this.options.labelOf + ' ' + this.album.length).fadeIn('fast');
|
||||
} else {
|
||||
$lightbox.find('.lb-number').hide();
|
||||
}
|
||||
$lightbox.find('.lb-outerContainer').removeClass('animating');
|
||||
$lightbox.find('.lb-dataContainer').fadeIn(this.resizeDuration, function() {
|
||||
return _this.sizeOverlay();
|
||||
});
|
||||
};
|
||||
|
||||
Lightbox.prototype.preloadNeighboringImages = function() {
|
||||
var preloadNext, preloadPrev;
|
||||
if (this.album.length > this.currentImageIndex + 1) {
|
||||
preloadNext = new Image;
|
||||
preloadNext.src = this.album[this.currentImageIndex + 1].link;
|
||||
}
|
||||
if (this.currentImageIndex > 0) {
|
||||
preloadPrev = new Image;
|
||||
preloadPrev.src = this.album[this.currentImageIndex - 1].link;
|
||||
}
|
||||
};
|
||||
|
||||
Lightbox.prototype.enableKeyboardNav = function() {
|
||||
$(document).on('keyup.keyboard', $.proxy(this.keyboardAction, this));
|
||||
};
|
||||
|
||||
Lightbox.prototype.disableKeyboardNav = function() {
|
||||
$(document).off('.keyboard');
|
||||
};
|
||||
|
||||
Lightbox.prototype.keyboardAction = function(event) {
|
||||
var KEYCODE_ESC, KEYCODE_LEFTARROW, KEYCODE_RIGHTARROW, key, keycode;
|
||||
KEYCODE_ESC = 27;
|
||||
KEYCODE_LEFTARROW = 37;
|
||||
KEYCODE_RIGHTARROW = 39;
|
||||
keycode = event.keyCode;
|
||||
key = String.fromCharCode(keycode).toLowerCase();
|
||||
if (keycode === KEYCODE_ESC || key.match(/x|o|c/)) {
|
||||
this.end();
|
||||
} else if (key === 'p' || keycode === KEYCODE_LEFTARROW) {
|
||||
if (this.currentImageIndex !== 0) {
|
||||
this.changeImage(this.currentImageIndex - 1);
|
||||
}
|
||||
} else if (key === 'n' || keycode === KEYCODE_RIGHTARROW) {
|
||||
if (this.currentImageIndex !== this.album.length - 1) {
|
||||
this.changeImage(this.currentImageIndex + 1);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Lightbox.prototype.end = function() {
|
||||
this.disableKeyboardNav();
|
||||
$(window).off("resize", this.sizeOverlay);
|
||||
$('#lightbox').fadeOut(this.options.fadeDuration);
|
||||
$('#lightboxOverlay').fadeOut(this.options.fadeDuration);
|
||||
return $('select, object, embed').css({
|
||||
visibility: "visible"
|
||||
});
|
||||
};
|
||||
|
||||
return Lightbox;
|
||||
|
||||
})();
|
||||
|
||||
$(function() {
|
||||
var lightbox, options;
|
||||
options = new LightboxOptions;
|
||||
return lightbox = new Lightbox(options);
|
||||
});
|
||||
|
||||
}).call(this);
|
||||
@@ -19,7 +19,8 @@ class gallery_shortcodes extends e_shortcode
|
||||
|
||||
function sc_gallery_caption($parm='')
|
||||
{
|
||||
$text = "<a href='".e107::getParser()->replaceConstants($this->eParserVars['media_url'])."' rel='external shadowbox' >";
|
||||
$tp = e107::getParser();
|
||||
$text = "<a title='".$tp->toAttribute($this->eParserVars['media_caption'])."' href='".e107::getParser()->replaceConstants($this->eParserVars['media_url'],'abs')."' rel='lightbox[Gallery2]' >";
|
||||
$text .= $this->eParserVars['media_caption'];
|
||||
$text .= "</a>";
|
||||
return $text;
|
||||
@@ -27,8 +28,9 @@ class gallery_shortcodes extends e_shortcode
|
||||
|
||||
function sc_gallery_thumb($parm='')
|
||||
{
|
||||
$tp = e107::getParser();
|
||||
$att = ($parm) ?$parm : 'aw=190&ah=150';
|
||||
$text = "<a href='".e107::getParser()->replaceConstants($this->eParserVars['media_url'])."' rel='external shadowbox' >";
|
||||
$text = "<a title='".$tp->toAttribute($this->eParserVars['media_caption'])."' href='".e107::getParser()->replaceConstants($this->eParserVars['media_url'],'abs')."' rel='lightbox[Gallery]' >";
|
||||
$text .= "<img src='".e107::getParser()->thumbUrl($this->eParserVars['media_url'],$att)."' alt='' />";
|
||||
$text .= "</a>";
|
||||
return $text;
|
||||
|
||||
Reference in New Issue
Block a user