ppoffice
parent
ac561d9f75
commit
28eceaa527
|
|
@ -38,13 +38,11 @@ Icarus knows on what screen size you are browsering the website, and reorganize
|
|||
|
||||
Get your categories and tags listed in single pages to make your blog more methodic.
|
||||
|
||||
### Fancybox
|
||||
### lightgallery
|
||||
|
||||
Icarus uses [Fancybox] to showcase your photos. You can use Markdown syntax or fancybox tag plugin to add your photos.
|
||||
Icarus uses [lightgallery.js](https://sachinchoolur.github.io/lightgallery.js/) to showcase your photos. Just enable it in your configuration, and that's all!
|
||||
|
||||
```
|
||||
|
||||
```
|
||||
|
||||
|
||||
### Sidebar
|
||||
|
||||
|
|
|
|||
|
|
@ -59,7 +59,7 @@ share: default # options: jiathis, bdshare, addtoany, default
|
|||
|
||||
# Plugins
|
||||
plugins:
|
||||
fancybox: true # options: true, false
|
||||
lightgallery: true # options: true, false
|
||||
google_analytics: # enter the tracking ID for your Google Analytics
|
||||
google_site_verification: # enter Google site verification code
|
||||
baidu_analytics: # enter Baidu Analytics hash key
|
||||
|
|
|
|||
|
|
@ -1,206 +1,4 @@
|
|||
title: "About"
|
||||
layout: "page"
|
||||
---
|
||||
### The blog theme you may fall in love with, coming to Hexo. [Preview](http://ppoffice.github.io/hexo-theme-icarus/)
|
||||
|
||||
|
||||
## Installation
|
||||
|
||||
### Install
|
||||
|
||||
``` bash
|
||||
$ git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus
|
||||
```
|
||||
|
||||
**Icarus requires Hexo 3.0 and above.**
|
||||
|
||||
### Enable
|
||||
|
||||
1. Rename `themes\icarus\_config.yml.example` to `themes\icarus\_config.yml`;
|
||||
2. Copy `themes\icarus\_config.yml.site.example` to your hexo blog's root directory and rename it to `_config.yml`;
|
||||
3. Copy `themes\icarus\_source\*` into your hexo blog's directory `source`;
|
||||
4. Then modify `theme` setting in `_config.yml` to `icarus`.
|
||||
|
||||
### Update
|
||||
|
||||
``` bash
|
||||
cd themes/icarus
|
||||
git pull
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
||||
### Theme configuration example
|
||||
```r
|
||||
# Header
|
||||
menu:
|
||||
Home: .
|
||||
Archives: archives
|
||||
Categories: categories # you need to add extra page to enable this, please see the config below.
|
||||
Tags: tags # you need to add extra page to enable this, please see the config below.
|
||||
About: about
|
||||
|
||||
# Content
|
||||
excerpt_link: Read More
|
||||
fancybox: true
|
||||
|
||||
# Sidebar
|
||||
sidebar: right
|
||||
widgets:
|
||||
- recent_posts
|
||||
- category
|
||||
- tag
|
||||
- tagcloud
|
||||
- archive
|
||||
thumbnail: true
|
||||
|
||||
# Contacts
|
||||
contacts:
|
||||
github: http://github.com/ppoffice/hexo-theme-icarus
|
||||
twitter: '#'
|
||||
facebook: '#'
|
||||
dribbble: '#'
|
||||
rss: atom.xml
|
||||
|
||||
# Links
|
||||
links:
|
||||
Hexo: http://hexo.io
|
||||
|
||||
# Miscellaneous
|
||||
google_analytics:
|
||||
favicon: favicon.png
|
||||
twitter:
|
||||
google_plus:
|
||||
fb_admins:
|
||||
fb_app_id:
|
||||
```
|
||||
|
||||
- **excerpt_link** - Cooperate with `<!-- more -->` tag to show only part of the article in index pages.
|
||||
- **fancybox** - Enable [Fancybox].
|
||||
- **contacts** - Your social network links, RSS link, etc.
|
||||
- **widgets** - Widgets displaying in sidebar.
|
||||
- **thumbnail** - Whether to show post thumbnails in the sidebar and archive pages.
|
||||
- **links** - Links displayed in the link widget.
|
||||
- **google_analytics** - Google Analytics ID.
|
||||
- **favicon** - Favicon path.
|
||||
|
||||
### Site configuration example
|
||||
```r
|
||||
# Site
|
||||
title: Icarus
|
||||
subtitle:
|
||||
description: Hexo theme - Icarus
|
||||
author: PPOffice
|
||||
author_title: 'Web Developer & Designer'
|
||||
avatar: css/images/avatar.png
|
||||
location: 'Harbin, China'
|
||||
language: en
|
||||
timezone:
|
||||
|
||||
...
|
||||
|
||||
# Disqus
|
||||
disqus_shortname:
|
||||
```
|
||||
|
||||
- **author** - Your name.
|
||||
- **author_title** - Title to your occupation.
|
||||
- **avatar** - Your avatar image link.
|
||||
- **location** - Where you live in.
|
||||
- **disqus_shortname** - Your Disqus shortname.
|
||||
|
||||
### Post Thumbnail & Banner
|
||||
|
||||
You can add a thumbnail and a banner to each post by adding the following lines into your post source files' front-matter:
|
||||
```r
|
||||
title: Demo
|
||||
date: 2015-01-01
|
||||
...
|
||||
# add those
|
||||
thumbnail: http://example.com/thumbnail.jpg
|
||||
banner: http://example.com/banner.jpg
|
||||
```
|
||||
|
||||
### Custom Categories & Tags Pages
|
||||
|
||||
To enable custom categories page and tags page, just copy the `categories` folder and `tags` folder under your theme's `_source` foler into your site's `source` folder. Then edit theme's _config.yml and add the following lines:
|
||||
```r
|
||||
# Header
|
||||
menu:
|
||||
...
|
||||
Categories: categories # -> add this line
|
||||
Tags: tags # -> and add this line
|
||||
...
|
||||
```
|
||||
|
||||
### Languages
|
||||
|
||||
English and Simplified Chinese are the default languages of the theme. You can add translations in the `languages` folder and change the default language in blog's `_config.yml`.
|
||||
|
||||
```r
|
||||
language: zh-CN
|
||||
```
|
||||
|
||||
## Features
|
||||
|
||||
### Profile Sidebar
|
||||
|
||||
A nice place to show yourself. You can add your own information in your site's `_config.yml`
|
||||
|
||||
|
||||
|
||||
### Post Banner & Thumbnail
|
||||
|
||||
Thanks to [atika](https://github.com/atika), you can now add thumbnails and banners to every post to create better reading experience.
|
||||
|
||||
### Responsive Layout
|
||||
|
||||
Icarus knows on what screen size you are browsering the website, and reorganize the layout to fit your device.
|
||||
|
||||
|
||||
|
||||
### Custom Categories & Tags Pages
|
||||
|
||||
Get your categories and tags listed in single pages to make your blog more methodic.
|
||||
|
||||
### Fancybox
|
||||
|
||||
Icarus uses [Fancybox] to showcase your photos. You can use Markdown syntax or fancybox tag plugin to add your photos.
|
||||
|
||||
```
|
||||
|
||||
```
|
||||
|
||||
### Sidebar
|
||||
|
||||
Icarus provides 6 built-in widgets:
|
||||
|
||||
- recent_posts
|
||||
- category
|
||||
- archives
|
||||
- tag
|
||||
- tagcloud
|
||||
- links
|
||||
|
||||
All of them are enabled by default. You can edit them in `widget` setting.
|
||||
|
||||
## Development
|
||||
|
||||
### Requirements
|
||||
|
||||
- [Grunt] 0.4+
|
||||
- Hexo 3.0+
|
||||
|
||||
### Grunt tasks
|
||||
|
||||
- **default** - Download [Fancybox] and [Font Awesome].
|
||||
- **fontawesome** - Only download [Font Awesome].
|
||||
- **fancybox** - Only download [Fancybox].
|
||||
- **clean** - Clean temporarily files and downloaded files.
|
||||
|
||||
[Hexo]: http://zespia.tw/hexo/
|
||||
[Fancybox]: http://fancyapps.com/fancybox/
|
||||
[Font Awesome]: http://fontawesome.io/
|
||||
[Grunt]: http://gruntjs.com/
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@
|
|||
<% if (post.banner) { %>
|
||||
<%- partial('post/banner') %>
|
||||
<% } %>
|
||||
<%- partial('post/gallery') %>
|
||||
<% if (post.link || post.title) { %>
|
||||
<header class="article-header">
|
||||
<%- partial('post/title', { class_name: 'article-title' }) %>
|
||||
|
|
@ -16,6 +15,7 @@
|
|||
<% } %>
|
||||
</header>
|
||||
<% } %>
|
||||
<%- partial('post/gallery') %>
|
||||
<div class="article-entry" itemprop="articleBody">
|
||||
<% if (index && post.excerpt) { %>
|
||||
<p><%- post.excerpt %></p>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,9 @@
|
|||
<% if (post.photos && post.photos.length) { %>
|
||||
<div class="article-gallery">
|
||||
<div class="article-gallery-photos">
|
||||
<% post.photos.forEach(function(photo, i) { %>
|
||||
<a class="article-gallery-img fancybox" href="<%- url_for(photo) %>" rel="gallery_<%= post._id %>">
|
||||
<img src="<%- url_for(photo) %>" itemprop="image">
|
||||
</a>
|
||||
<% }) %>
|
||||
</div>
|
||||
<% post.photos.forEach(function(photo, i) { %>
|
||||
<a class="gallery-item" href="<%- url_for(photo) %>" rel="gallery_<%= post._id %>">
|
||||
<img src="<%- url_for(photo) %>" itemprop="image" />
|
||||
</a>
|
||||
<% }) %>
|
||||
</div>
|
||||
<% } %>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
<% if (typeof(isHead) !== 'undefined' && isHead) { %>
|
||||
<% if (theme.plugins.fancybox) { %>
|
||||
<%- css('vendor/fancybox/jquery.fancybox') %>
|
||||
<% if (theme.plugins.lightgallery) { %>
|
||||
<%- css('vendor/lightgallery/css/lightgallery.min') %>
|
||||
<% } %>
|
||||
<% if (theme.plugins.google_analytics) { %>
|
||||
<%- partial('plugin/google-analytics') %>
|
||||
|
|
@ -12,7 +12,15 @@
|
|||
<%- partial('plugin/baidu-analytics') %>
|
||||
<% } %>
|
||||
<% } else { %>
|
||||
<% if (theme.plugins.fancybox) { %>
|
||||
<%- js('vendor/fancybox/jquery.fancybox.pack') %>
|
||||
<% if (theme.plugins.lightgallery) { %>
|
||||
<%- js('vendor/lightgallery/js/lightgallery.min') %>
|
||||
<%- js('vendor/lightgallery/js/lg-thumbnail.min') %>
|
||||
<%- js('vendor/lightgallery/js/lg-pager.min') %>
|
||||
<%- js('vendor/lightgallery/js/lg-autoplay.min') %>
|
||||
<%- js('vendor/lightgallery/js/lg-fullscreen.min') %>
|
||||
<%- js('vendor/lightgallery/js/lg-zoom.min') %>
|
||||
<%- js('vendor/lightgallery/js/lg-hash.min') %>
|
||||
<%- js('vendor/lightgallery/js/lg-share.min') %>
|
||||
<%- js('vendor/lightgallery/js/lg-video.min') %>
|
||||
<% } %>
|
||||
<% } %>
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
var rUrl = /((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[.\!\/\\w]*))?)/;
|
||||
|
||||
/**
|
||||
* Fancybox tag
|
||||
*
|
||||
* Syntax:
|
||||
* {% fancybox /path/to/image [/path/to/thumbnail] [title] %}
|
||||
*/
|
||||
|
||||
hexo.extend.tag.register('fancybox', function(args){
|
||||
var original = args.shift(),
|
||||
thumbnail = '';
|
||||
|
||||
if (args.length && rUrl.test(args[0])){
|
||||
thumbnail = args.shift();
|
||||
}
|
||||
|
||||
var title = args.join(' ');
|
||||
|
||||
return '<a class="fancybox" href="' + original + '" title="' + title + '">' +
|
||||
'<img src="' + (thumbnail || original) + '" alt="' + title + '">'
|
||||
'</a>' +
|
||||
(title ? '<span class="caption">' + title + '</span>' : '');
|
||||
});
|
||||
|
|
@ -313,27 +313,43 @@ $article-share-link
|
|||
text-shadow: 0 1px darken(color-google, 20%)
|
||||
|
||||
.article-gallery
|
||||
background: #000
|
||||
position: relative
|
||||
|
||||
.article-gallery-photos
|
||||
position: relative
|
||||
overflow: hidden
|
||||
|
||||
.article-gallery-img
|
||||
display: none
|
||||
max-width: 100%
|
||||
&:first-child
|
||||
display: block
|
||||
&.loaded
|
||||
position: absolute
|
||||
display: block
|
||||
img
|
||||
display: block
|
||||
background: black
|
||||
position: relative
|
||||
text-align: center
|
||||
margin: line-height 0
|
||||
.gallery-item
|
||||
display: none
|
||||
max-width: 100%
|
||||
margin: 0 auto
|
||||
&:before,
|
||||
&:after
|
||||
top: 50%
|
||||
width: 40px
|
||||
height: 36px
|
||||
font-size: 36px
|
||||
line-height: 36px
|
||||
margin-top: -18px
|
||||
position: absolute
|
||||
font-family: FontAwesome
|
||||
color: rgba(255, 255, 255, .5)
|
||||
&:hover
|
||||
&:before,
|
||||
&:after
|
||||
color: rgba(255, 255, 255, .8)
|
||||
&:before
|
||||
left: 0
|
||||
content: "\f104"
|
||||
&:after
|
||||
right: 0
|
||||
content: "\f105"
|
||||
&:first-child
|
||||
display: block
|
||||
img
|
||||
display: block
|
||||
max-width: 100%
|
||||
margin: 0 auto
|
||||
|
||||
/* toc */
|
||||
/* topic section */
|
||||
.toc-article
|
||||
background #F9F9F9
|
||||
margin 2em 0 0 0.2em
|
||||
|
|
@ -343,9 +359,11 @@ $article-share-link
|
|||
font-size 120%
|
||||
strong
|
||||
padding 0.3em 1
|
||||
|
||||
ol.toc
|
||||
width 100%
|
||||
margin 1em 2em 0 0
|
||||
|
||||
#toc
|
||||
line-height 1em
|
||||
font-size 0.8em
|
||||
|
|
@ -356,6 +374,7 @@ ol.toc
|
|||
list-style-type none
|
||||
.toc-child
|
||||
padding-left 0em
|
||||
|
||||
#toc.toc-aside
|
||||
display none
|
||||
width 13%
|
||||
|
|
@ -379,3 +398,8 @@ ol.toc
|
|||
&:hover
|
||||
color color-theme
|
||||
transition color .3s ease-out
|
||||
|
||||
/* lightgallery */
|
||||
.lg-outer
|
||||
.lg-thumb-item
|
||||
border-radius: 0 !important
|
||||
|
|
|
|||
|
|
@ -1,25 +1,22 @@
|
|||
(function($){
|
||||
var toTop = ($('#sidebar').height() - $(window).height()) + 60;
|
||||
// Caption
|
||||
$('.article-entry').each(function(i){
|
||||
$(this).find('img').each(function(){
|
||||
if ($(this).parent().hasClass('fancybox')) {
|
||||
return;
|
||||
}
|
||||
var alt = this.alt;
|
||||
if (alt) {
|
||||
$(this).after('<span class="caption">' + alt + '</span>');
|
||||
$('.article-entry').each(function(i) {
|
||||
$(this).find('img').each(function() {
|
||||
if (this.alt) {
|
||||
$(this).after('<span class="caption">' + this.alt + '</span>');
|
||||
}
|
||||
|
||||
$(this).wrap('<a href="' + this.src + '" title="' + alt + '" class="fancybox"></a>');
|
||||
$(this).wrap('<a href="' + this.src + '" title="' + this.alt + '" class="gallery-item"></a>');
|
||||
});
|
||||
|
||||
$(this).find('.fancybox').each(function(){
|
||||
$(this).attr('rel', 'article' + i);
|
||||
});
|
||||
});
|
||||
if ($.fancybox){
|
||||
$('.fancybox').fancybox();
|
||||
if (lightGallery) {
|
||||
var options = {
|
||||
selector: '.gallery-item',
|
||||
};
|
||||
lightGallery($('.article-entry')[0], options);
|
||||
lightGallery($('.article-gallery')[0], options);
|
||||
}
|
||||
|
||||
// Profile card
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 43 B |
Binary file not shown.
|
Before Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1003 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
|
|
@ -1,97 +0,0 @@
|
|||
#fancybox-buttons {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 8050;
|
||||
}
|
||||
|
||||
#fancybox-buttons.top {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
#fancybox-buttons.bottom {
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
#fancybox-buttons ul {
|
||||
display: block;
|
||||
width: 166px;
|
||||
height: 30px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
border: 1px solid #111;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
||||
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
||||
box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
||||
background: rgb(50,50,50);
|
||||
background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
|
||||
background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
||||
background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
||||
background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
||||
background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
|
||||
}
|
||||
|
||||
#fancybox-buttons ul li {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#fancybox-buttons a {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
text-indent: -9999px;
|
||||
background-color: transparent;
|
||||
background-image: url('fancybox_buttons.png');
|
||||
background-repeat: no-repeat;
|
||||
outline: none;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#fancybox-buttons a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnPrev {
|
||||
background-position: 5px 0;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnNext {
|
||||
background-position: -33px 0;
|
||||
border-right: 1px solid #3e3e3e;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnPlay {
|
||||
background-position: 0 -30px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnPlayOn {
|
||||
background-position: -30px -30px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnToggle {
|
||||
background-position: 3px -60px;
|
||||
border-left: 1px solid #111;
|
||||
border-right: 1px solid #3e3e3e;
|
||||
width: 35px
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnToggleOn {
|
||||
background-position: -27px -60px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnClose {
|
||||
border-left: 1px solid #111;
|
||||
width: 35px;
|
||||
background-position: -56px 0px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnDisabled {
|
||||
opacity : 0.4;
|
||||
cursor: default;
|
||||
}
|
||||
|
|
@ -1,122 +0,0 @@
|
|||
/*!
|
||||
* Buttons helper for fancyBox
|
||||
* version: 1.0.5 (Mon, 15 Oct 2012)
|
||||
* @requires fancyBox v2.0 or later
|
||||
*
|
||||
* Usage:
|
||||
* $(".fancybox").fancybox({
|
||||
* helpers : {
|
||||
* buttons: {
|
||||
* position : 'top'
|
||||
* }
|
||||
* }
|
||||
* });
|
||||
*
|
||||
*/
|
||||
;(function ($) {
|
||||
//Shortcut for fancyBox object
|
||||
var F = $.fancybox;
|
||||
|
||||
//Add helper object
|
||||
F.helpers.buttons = {
|
||||
defaults : {
|
||||
skipSingle : false, // disables if gallery contains single image
|
||||
position : 'top', // 'top' or 'bottom'
|
||||
tpl : '<div id="fancybox-buttons"><ul><li><a class="btnPrev" title="Previous" href="javascript:;"></a></li><li><a class="btnPlay" title="Start slideshow" href="javascript:;"></a></li><li><a class="btnNext" title="Next" href="javascript:;"></a></li><li><a class="btnToggle" title="Toggle size" href="javascript:;"></a></li><li><a class="btnClose" title="Close" href="javascript:;"></a></li></ul></div>'
|
||||
},
|
||||
|
||||
list : null,
|
||||
buttons: null,
|
||||
|
||||
beforeLoad: function (opts, obj) {
|
||||
//Remove self if gallery do not have at least two items
|
||||
|
||||
if (opts.skipSingle && obj.group.length < 2) {
|
||||
obj.helpers.buttons = false;
|
||||
obj.closeBtn = true;
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
//Increase top margin to give space for buttons
|
||||
obj.margin[ opts.position === 'bottom' ? 2 : 0 ] += 30;
|
||||
},
|
||||
|
||||
onPlayStart: function () {
|
||||
if (this.buttons) {
|
||||
this.buttons.play.attr('title', 'Pause slideshow').addClass('btnPlayOn');
|
||||
}
|
||||
},
|
||||
|
||||
onPlayEnd: function () {
|
||||
if (this.buttons) {
|
||||
this.buttons.play.attr('title', 'Start slideshow').removeClass('btnPlayOn');
|
||||
}
|
||||
},
|
||||
|
||||
afterShow: function (opts, obj) {
|
||||
var buttons = this.buttons;
|
||||
|
||||
if (!buttons) {
|
||||
this.list = $(opts.tpl).addClass(opts.position).appendTo('body');
|
||||
|
||||
buttons = {
|
||||
prev : this.list.find('.btnPrev').click( F.prev ),
|
||||
next : this.list.find('.btnNext').click( F.next ),
|
||||
play : this.list.find('.btnPlay').click( F.play ),
|
||||
toggle : this.list.find('.btnToggle').click( F.toggle ),
|
||||
close : this.list.find('.btnClose').click( F.close )
|
||||
}
|
||||
}
|
||||
|
||||
//Prev
|
||||
if (obj.index > 0 || obj.loop) {
|
||||
buttons.prev.removeClass('btnDisabled');
|
||||
} else {
|
||||
buttons.prev.addClass('btnDisabled');
|
||||
}
|
||||
|
||||
//Next / Play
|
||||
if (obj.loop || obj.index < obj.group.length - 1) {
|
||||
buttons.next.removeClass('btnDisabled');
|
||||
buttons.play.removeClass('btnDisabled');
|
||||
|
||||
} else {
|
||||
buttons.next.addClass('btnDisabled');
|
||||
buttons.play.addClass('btnDisabled');
|
||||
}
|
||||
|
||||
this.buttons = buttons;
|
||||
|
||||
this.onUpdate(opts, obj);
|
||||
},
|
||||
|
||||
onUpdate: function (opts, obj) {
|
||||
var toggle;
|
||||
|
||||
if (!this.buttons) {
|
||||
return;
|
||||
}
|
||||
|
||||
toggle = this.buttons.toggle.removeClass('btnDisabled btnToggleOn');
|
||||
|
||||
//Size toggle button
|
||||
if (obj.canShrink) {
|
||||
toggle.addClass('btnToggleOn');
|
||||
|
||||
} else if (!obj.canExpand) {
|
||||
toggle.addClass('btnDisabled');
|
||||
}
|
||||
},
|
||||
|
||||
beforeClose: function () {
|
||||
if (this.list) {
|
||||
this.list.remove();
|
||||
}
|
||||
|
||||
this.list = null;
|
||||
this.buttons = null;
|
||||
}
|
||||
};
|
||||
|
||||
}(jQuery));
|
||||
|
|
@ -1,199 +0,0 @@
|
|||
/*!
|
||||
* Media helper for fancyBox
|
||||
* version: 1.0.6 (Fri, 14 Jun 2013)
|
||||
* @requires fancyBox v2.0 or later
|
||||
*
|
||||
* Usage:
|
||||
* $(".fancybox").fancybox({
|
||||
* helpers : {
|
||||
* media: true
|
||||
* }
|
||||
* });
|
||||
*
|
||||
* Set custom URL parameters:
|
||||
* $(".fancybox").fancybox({
|
||||
* helpers : {
|
||||
* media: {
|
||||
* youtube : {
|
||||
* params : {
|
||||
* autoplay : 0
|
||||
* }
|
||||
* }
|
||||
* }
|
||||
* }
|
||||
* });
|
||||
*
|
||||
* Or:
|
||||
* $(".fancybox").fancybox({,
|
||||
* helpers : {
|
||||
* media: true
|
||||
* },
|
||||
* youtube : {
|
||||
* autoplay: 0
|
||||
* }
|
||||
* });
|
||||
*
|
||||
* Supports:
|
||||
*
|
||||
* Youtube
|
||||
* http://www.youtube.com/watch?v=opj24KnzrWo
|
||||
* http://www.youtube.com/embed/opj24KnzrWo
|
||||
* http://youtu.be/opj24KnzrWo
|
||||
* http://www.youtube-nocookie.com/embed/opj24KnzrWo
|
||||
* Vimeo
|
||||
* http://vimeo.com/40648169
|
||||
* http://vimeo.com/channels/staffpicks/38843628
|
||||
* http://vimeo.com/groups/surrealism/videos/36516384
|
||||
* http://player.vimeo.com/video/45074303
|
||||
* Metacafe
|
||||
* http://www.metacafe.com/watch/7635964/dr_seuss_the_lorax_movie_trailer/
|
||||
* http://www.metacafe.com/watch/7635964/
|
||||
* Dailymotion
|
||||
* http://www.dailymotion.com/video/xoytqh_dr-seuss-the-lorax-premiere_people
|
||||
* Twitvid
|
||||
* http://twitvid.com/QY7MD
|
||||
* Twitpic
|
||||
* http://twitpic.com/7p93st
|
||||
* Instagram
|
||||
* http://instagr.am/p/IejkuUGxQn/
|
||||
* http://instagram.com/p/IejkuUGxQn/
|
||||
* Google maps
|
||||
* http://maps.google.com/maps?q=Eiffel+Tower,+Avenue+Gustave+Eiffel,+Paris,+France&t=h&z=17
|
||||
* http://maps.google.com/?ll=48.857995,2.294297&spn=0.007666,0.021136&t=m&z=16
|
||||
* http://maps.google.com/?ll=48.859463,2.292626&spn=0.000965,0.002642&t=m&z=19&layer=c&cbll=48.859524,2.292532&panoid=YJ0lq28OOy3VT2IqIuVY0g&cbp=12,151.58,,0,-15.56
|
||||
*/
|
||||
;(function ($) {
|
||||
"use strict";
|
||||
|
||||
//Shortcut for fancyBox object
|
||||
var F = $.fancybox,
|
||||
format = function( url, rez, params ) {
|
||||
params = params || '';
|
||||
|
||||
if ( $.type( params ) === "object" ) {
|
||||
params = $.param(params, true);
|
||||
}
|
||||
|
||||
$.each(rez, function(key, value) {
|
||||
url = url.replace( '$' + key, value || '' );
|
||||
});
|
||||
|
||||
if (params.length) {
|
||||
url += ( url.indexOf('?') > 0 ? '&' : '?' ) + params;
|
||||
}
|
||||
|
||||
return url;
|
||||
};
|
||||
|
||||
//Add helper object
|
||||
F.helpers.media = {
|
||||
defaults : {
|
||||
youtube : {
|
||||
matcher : /(youtube\.com|youtu\.be|youtube-nocookie\.com)\/(watch\?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*)).*/i,
|
||||
params : {
|
||||
autoplay : 1,
|
||||
autohide : 1,
|
||||
fs : 1,
|
||||
rel : 0,
|
||||
hd : 1,
|
||||
wmode : 'opaque',
|
||||
enablejsapi : 1
|
||||
},
|
||||
type : 'iframe',
|
||||
url : '//www.youtube.com/embed/$3'
|
||||
},
|
||||
vimeo : {
|
||||
matcher : /(?:vimeo(?:pro)?.com)\/(?:[^\d]+)?(\d+)(?:.*)/,
|
||||
params : {
|
||||
autoplay : 1,
|
||||
hd : 1,
|
||||
show_title : 1,
|
||||
show_byline : 1,
|
||||
show_portrait : 0,
|
||||
fullscreen : 1
|
||||
},
|
||||
type : 'iframe',
|
||||
url : '//player.vimeo.com/video/$1'
|
||||
},
|
||||
metacafe : {
|
||||
matcher : /metacafe.com\/(?:watch|fplayer)\/([\w\-]{1,10})/,
|
||||
params : {
|
||||
autoPlay : 'yes'
|
||||
},
|
||||
type : 'swf',
|
||||
url : function( rez, params, obj ) {
|
||||
obj.swf.flashVars = 'playerVars=' + $.param( params, true );
|
||||
|
||||
return '//www.metacafe.com/fplayer/' + rez[1] + '/.swf';
|
||||
}
|
||||
},
|
||||
dailymotion : {
|
||||
matcher : /dailymotion.com\/video\/(.*)\/?(.*)/,
|
||||
params : {
|
||||
additionalInfos : 0,
|
||||
autoStart : 1
|
||||
},
|
||||
type : 'swf',
|
||||
url : '//www.dailymotion.com/swf/video/$1'
|
||||
},
|
||||
twitvid : {
|
||||
matcher : /twitvid\.com\/([a-zA-Z0-9_\-\?\=]+)/i,
|
||||
params : {
|
||||
autoplay : 0
|
||||
},
|
||||
type : 'iframe',
|
||||
url : '//www.twitvid.com/embed.php?guid=$1'
|
||||
},
|
||||
twitpic : {
|
||||
matcher : /twitpic\.com\/(?!(?:place|photos|events)\/)([a-zA-Z0-9\?\=\-]+)/i,
|
||||
type : 'image',
|
||||
url : '//twitpic.com/show/full/$1/'
|
||||
},
|
||||
instagram : {
|
||||
matcher : /(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,
|
||||
type : 'image',
|
||||
url : '//$1/p/$2/media/?size=l'
|
||||
},
|
||||
google_maps : {
|
||||
matcher : /maps\.google\.([a-z]{2,3}(\.[a-z]{2})?)\/(\?ll=|maps\?)(.*)/i,
|
||||
type : 'iframe',
|
||||
url : function( rez ) {
|
||||
return '//maps.google.' + rez[1] + '/' + rez[3] + '' + rez[4] + '&output=' + (rez[4].indexOf('layer=c') > 0 ? 'svembed' : 'embed');
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
beforeLoad : function(opts, obj) {
|
||||
var url = obj.href || '',
|
||||
type = false,
|
||||
what,
|
||||
item,
|
||||
rez,
|
||||
params;
|
||||
|
||||
for (what in opts) {
|
||||
if (opts.hasOwnProperty(what)) {
|
||||
item = opts[ what ];
|
||||
rez = url.match( item.matcher );
|
||||
|
||||
if (rez) {
|
||||
type = item.type;
|
||||
params = $.extend(true, {}, item.params, obj[ what ] || ($.isPlainObject(opts[ what ]) ? opts[ what ].params : null));
|
||||
|
||||
url = $.type( item.url ) === "function" ? item.url.call( this, rez, params, obj ) : format( item.url, rez, params );
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (type) {
|
||||
obj.href = url;
|
||||
obj.type = type;
|
||||
|
||||
obj.autoHeight = false;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
}(jQuery));
|
||||
|
|
@ -1,55 +0,0 @@
|
|||
#fancybox-thumbs {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 8050;
|
||||
}
|
||||
|
||||
#fancybox-thumbs.bottom {
|
||||
bottom: 2px;
|
||||
}
|
||||
|
||||
#fancybox-thumbs.top {
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li {
|
||||
float: left;
|
||||
padding: 1px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li.active {
|
||||
opacity: 0.75;
|
||||
padding: 0;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li a {
|
||||
display: block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border: 1px solid #222;
|
||||
background: #111;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li img {
|
||||
display: block;
|
||||
position: relative;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
max-width: none;
|
||||
}
|
||||
|
|
@ -1,165 +0,0 @@
|
|||
/*!
|
||||
* Thumbnail helper for fancyBox
|
||||
* version: 1.0.7 (Mon, 01 Oct 2012)
|
||||
* @requires fancyBox v2.0 or later
|
||||
*
|
||||
* Usage:
|
||||
* $(".fancybox").fancybox({
|
||||
* helpers : {
|
||||
* thumbs: {
|
||||
* width : 50,
|
||||
* height : 50
|
||||
* }
|
||||
* }
|
||||
* });
|
||||
*
|
||||
*/
|
||||
;(function ($) {
|
||||
//Shortcut for fancyBox object
|
||||
var F = $.fancybox;
|
||||
|
||||
//Add helper object
|
||||
F.helpers.thumbs = {
|
||||
defaults : {
|
||||
width : 50, // thumbnail width
|
||||
height : 50, // thumbnail height
|
||||
position : 'bottom', // 'top' or 'bottom'
|
||||
source : function ( item ) { // function to obtain the URL of the thumbnail image
|
||||
var href;
|
||||
|
||||
if (item.element) {
|
||||
href = $(item.element).find('img').attr('src');
|
||||
}
|
||||
|
||||
if (!href && item.type === 'image' && item.href) {
|
||||
href = item.href;
|
||||
}
|
||||
|
||||
return href;
|
||||
}
|
||||
},
|
||||
|
||||
wrap : null,
|
||||
list : null,
|
||||
width : 0,
|
||||
|
||||
init: function (opts, obj) {
|
||||
var that = this,
|
||||
list,
|
||||
thumbWidth = opts.width,
|
||||
thumbHeight = opts.height,
|
||||
thumbSource = opts.source;
|
||||
|
||||
//Build list structure
|
||||
list = '';
|
||||
|
||||
for (var n = 0; n < obj.group.length; n++) {
|
||||
list += '<li><a style="width:' + thumbWidth + 'px;height:' + thumbHeight + 'px;" href="javascript:jQuery.fancybox.jumpto(' + n + ');"></a></li>';
|
||||
}
|
||||
|
||||
this.wrap = $('<div id="fancybox-thumbs"></div>').addClass(opts.position).appendTo('body');
|
||||
this.list = $('<ul>' + list + '</ul>').appendTo(this.wrap);
|
||||
|
||||
//Load each thumbnail
|
||||
$.each(obj.group, function (i) {
|
||||
var el = obj.group[ i ],
|
||||
href = thumbSource( el );
|
||||
|
||||
if (!href) {
|
||||
return;
|
||||
}
|
||||
|
||||
$("<img />").load(function () {
|
||||
var width = this.width,
|
||||
height = this.height,
|
||||
widthRatio, heightRatio, parent;
|
||||
|
||||
if (!that.list || !width || !height) {
|
||||
return;
|
||||
}
|
||||
|
||||
//Calculate thumbnail width/height and center it
|
||||
widthRatio = width / thumbWidth;
|
||||
heightRatio = height / thumbHeight;
|
||||
|
||||
parent = that.list.children().eq(i).find('a');
|
||||
|
||||
if (widthRatio >= 1 && heightRatio >= 1) {
|
||||
if (widthRatio > heightRatio) {
|
||||
width = Math.floor(width / heightRatio);
|
||||
height = thumbHeight;
|
||||
|
||||
} else {
|
||||
width = thumbWidth;
|
||||
height = Math.floor(height / widthRatio);
|
||||
}
|
||||
}
|
||||
|
||||
$(this).css({
|
||||
width : width,
|
||||
height : height,
|
||||
top : Math.floor(thumbHeight / 2 - height / 2),
|
||||
left : Math.floor(thumbWidth / 2 - width / 2)
|
||||
});
|
||||
|
||||
parent.width(thumbWidth).height(thumbHeight);
|
||||
|
||||
$(this).hide().appendTo(parent).fadeIn(300);
|
||||
|
||||
})
|
||||
.attr('src', href)
|
||||
.attr('title', el.title);
|
||||
});
|
||||
|
||||
//Set initial width
|
||||
this.width = this.list.children().eq(0).outerWidth(true);
|
||||
|
||||
this.list.width(this.width * (obj.group.length + 1)).css('left', Math.floor($(window).width() * 0.5 - (obj.index * this.width + this.width * 0.5)));
|
||||
},
|
||||
|
||||
beforeLoad: function (opts, obj) {
|
||||
//Remove self if gallery do not have at least two items
|
||||
if (obj.group.length < 2) {
|
||||
obj.helpers.thumbs = false;
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
//Increase bottom margin to give space for thumbs
|
||||
obj.margin[ opts.position === 'top' ? 0 : 2 ] += ((opts.height) + 15);
|
||||
},
|
||||
|
||||
afterShow: function (opts, obj) {
|
||||
//Check if exists and create or update list
|
||||
if (this.list) {
|
||||
this.onUpdate(opts, obj);
|
||||
|
||||
} else {
|
||||
this.init(opts, obj);
|
||||
}
|
||||
|
||||
//Set active element
|
||||
this.list.children().removeClass('active').eq(obj.index).addClass('active');
|
||||
},
|
||||
|
||||
//Center list
|
||||
onUpdate: function (opts, obj) {
|
||||
if (this.list) {
|
||||
this.list.stop(true).animate({
|
||||
'left': Math.floor($(window).width() * 0.5 - (obj.index * this.width + this.width * 0.5))
|
||||
}, 150);
|
||||
}
|
||||
},
|
||||
|
||||
beforeClose: function () {
|
||||
if (this.wrap) {
|
||||
this.wrap.remove();
|
||||
}
|
||||
|
||||
this.wrap = null;
|
||||
this.list = null;
|
||||
this.width = 0;
|
||||
}
|
||||
}
|
||||
|
||||
}(jQuery));
|
||||
|
|
@ -1,270 +0,0 @@
|
|||
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
|
||||
.fancybox-wrap,
|
||||
.fancybox-skin,
|
||||
.fancybox-outer,
|
||||
.fancybox-inner,
|
||||
.fancybox-image,
|
||||
.fancybox-wrap iframe,
|
||||
.fancybox-wrap object,
|
||||
.fancybox-nav,
|
||||
.fancybox-nav span,
|
||||
.fancybox-tmp
|
||||
{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
outline: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fancybox-wrap {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 8020;
|
||||
}
|
||||
|
||||
.fancybox-skin {
|
||||
position: relative;
|
||||
background: #f9f9f9;
|
||||
color: #444;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.fancybox-opened {
|
||||
z-index: 8030;
|
||||
}
|
||||
|
||||
.fancybox-opened .fancybox-skin {
|
||||
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.fancybox-outer, .fancybox-inner {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fancybox-inner {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fancybox-type-iframe .fancybox-inner {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.fancybox-error {
|
||||
color: #444;
|
||||
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fancybox-image, .fancybox-iframe {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.fancybox-image {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
|
||||
background-image: url(fancybox_sprite.png);
|
||||
}
|
||||
|
||||
#fancybox-loading {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -22px;
|
||||
margin-left: -22px;
|
||||
background-position: 0 -108px;
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
z-index: 8060;
|
||||
}
|
||||
|
||||
#fancybox-loading div {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background: url(fancybox_loading.gif) center center no-repeat;
|
||||
}
|
||||
|
||||
.fancybox-close {
|
||||
position: absolute;
|
||||
top: -18px;
|
||||
right: -18px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
cursor: pointer;
|
||||
z-index: 8040;
|
||||
}
|
||||
|
||||
.fancybox-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 40%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
background: transparent url(blank.gif); /* helps IE */
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
z-index: 8040;
|
||||
}
|
||||
|
||||
.fancybox-prev {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.fancybox-next {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.fancybox-nav span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 36px;
|
||||
height: 34px;
|
||||
margin-top: -18px;
|
||||
cursor: pointer;
|
||||
z-index: 8040;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.fancybox-prev span {
|
||||
left: 10px;
|
||||
background-position: 0 -36px;
|
||||
}
|
||||
|
||||
.fancybox-next span {
|
||||
right: 10px;
|
||||
background-position: 0 -72px;
|
||||
}
|
||||
|
||||
.fancybox-nav:hover span {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-tmp {
|
||||
position: absolute;
|
||||
top: -99999px;
|
||||
left: -99999px;
|
||||
max-width: 99999px;
|
||||
max-height: 99999px;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
/* Overlay helper */
|
||||
|
||||
.fancybox-lock {
|
||||
overflow: visible !important;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.fancybox-lock body {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
.fancybox-lock-test {
|
||||
overflow-y: hidden !important;
|
||||
}
|
||||
|
||||
.fancybox-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
z-index: 8010;
|
||||
background: url(fancybox_overlay.png);
|
||||
}
|
||||
|
||||
.fancybox-overlay-fixed {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.fancybox-lock .fancybox-overlay {
|
||||
overflow: auto;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
/* Title helper */
|
||||
|
||||
.fancybox-title {
|
||||
visibility: hidden;
|
||||
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
position: relative;
|
||||
text-shadow: none;
|
||||
z-index: 8050;
|
||||
}
|
||||
|
||||
.fancybox-opened .fancybox-title {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-title-float-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 50%;
|
||||
margin-bottom: -35px;
|
||||
z-index: 8050;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fancybox-title-float-wrap .child {
|
||||
display: inline-block;
|
||||
margin-right: -100%;
|
||||
padding: 2px 20px;
|
||||
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
-webkit-border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
text-shadow: 0 1px 2px #222;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
line-height: 24px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fancybox-title-outside-wrap {
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.fancybox-title-inside-wrap {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.fancybox-title-over-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
}
|
||||
|
||||
/*Retina graphics!*/
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min--moz-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5){
|
||||
|
||||
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
|
||||
background-image: url(fancybox_sprite@2x.png);
|
||||
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
|
||||
}
|
||||
|
||||
#fancybox-loading div {
|
||||
background-image: url(fancybox_loading@2x.gif);
|
||||
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,46 +0,0 @@
|
|||
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
|
||||
(function(s,H,f,w){var K=f("html"),q=f(s),p=f(H),b=f.fancybox=function(){b.open.apply(this,arguments)},J=navigator.userAgent.match(/msie/i),C=null,t=H.createTouch!==w,u=function(a){return a&&a.hasOwnProperty&&a instanceof f},r=function(a){return a&&"string"===f.type(a)},F=function(a){return r(a)&&0<a.indexOf("%")},m=function(a,d){var e=parseInt(a,10)||0;d&&F(a)&&(e*=b.getViewport()[d]/100);return Math.ceil(e)},x=function(a,b){return m(a,b)+"px"};f.extend(b,{version:"2.1.5",defaults:{padding:15,margin:20,
|
||||
width:800,height:600,minWidth:100,minHeight:100,maxWidth:9999,maxHeight:9999,pixelRatio:1,autoSize:!0,autoHeight:!1,autoWidth:!1,autoResize:!0,autoCenter:!t,fitToView:!0,aspectRatio:!1,topRatio:0.5,leftRatio:0.5,scrolling:"auto",wrapCSS:"",arrows:!0,closeBtn:!0,closeClick:!1,nextClick:!1,mouseWheel:!0,autoPlay:!1,playSpeed:3E3,preload:3,modal:!1,loop:!0,ajax:{dataType:"html",headers:{"X-fancyBox":!0}},iframe:{scrolling:"auto",preload:!0},swf:{wmode:"transparent",allowfullscreen:"true",allowscriptaccess:"always"},
|
||||
keys:{next:{13:"left",34:"up",39:"left",40:"up"},prev:{8:"right",33:"down",37:"right",38:"down"},close:[27],play:[32],toggle:[70]},direction:{next:"left",prev:"right"},scrollOutside:!0,index:0,type:null,href:null,content:null,title:null,tpl:{wrap:'<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',image:'<img class="fancybox-image" src="{href}" alt="" />',iframe:'<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen'+
|
||||
(J?' allowtransparency="true"':"")+"></iframe>",error:'<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',closeBtn:'<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',next:'<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',prev:'<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'},openEffect:"fade",openSpeed:250,openEasing:"swing",openOpacity:!0,
|
||||
openMethod:"zoomIn",closeEffect:"fade",closeSpeed:250,closeEasing:"swing",closeOpacity:!0,closeMethod:"zoomOut",nextEffect:"elastic",nextSpeed:250,nextEasing:"swing",nextMethod:"changeIn",prevEffect:"elastic",prevSpeed:250,prevEasing:"swing",prevMethod:"changeOut",helpers:{overlay:!0,title:!0},onCancel:f.noop,beforeLoad:f.noop,afterLoad:f.noop,beforeShow:f.noop,afterShow:f.noop,beforeChange:f.noop,beforeClose:f.noop,afterClose:f.noop},group:{},opts:{},previous:null,coming:null,current:null,isActive:!1,
|
||||
isOpen:!1,isOpened:!1,wrap:null,skin:null,outer:null,inner:null,player:{timer:null,isActive:!1},ajaxLoad:null,imgPreload:null,transitions:{},helpers:{},open:function(a,d){if(a&&(f.isPlainObject(d)||(d={}),!1!==b.close(!0)))return f.isArray(a)||(a=u(a)?f(a).get():[a]),f.each(a,function(e,c){var l={},g,h,k,n,m;"object"===f.type(c)&&(c.nodeType&&(c=f(c)),u(c)?(l={href:c.data("fancybox-href")||c.attr("href"),title:f("<div/>").text(c.data("fancybox-title")||c.attr("title")).html(),isDom:!0,element:c},
|
||||
f.metadata&&f.extend(!0,l,c.metadata())):l=c);g=d.href||l.href||(r(c)?c:null);h=d.title!==w?d.title:l.title||"";n=(k=d.content||l.content)?"html":d.type||l.type;!n&&l.isDom&&(n=c.data("fancybox-type"),n||(n=(n=c.prop("class").match(/fancybox\.(\w+)/))?n[1]:null));r(g)&&(n||(b.isImage(g)?n="image":b.isSWF(g)?n="swf":"#"===g.charAt(0)?n="inline":r(c)&&(n="html",k=c)),"ajax"===n&&(m=g.split(/\s+/,2),g=m.shift(),m=m.shift()));k||("inline"===n?g?k=f(r(g)?g.replace(/.*(?=#[^\s]+$)/,""):g):l.isDom&&(k=c):
|
||||
"html"===n?k=g:n||g||!l.isDom||(n="inline",k=c));f.extend(l,{href:g,type:n,content:k,title:h,selector:m});a[e]=l}),b.opts=f.extend(!0,{},b.defaults,d),d.keys!==w&&(b.opts.keys=d.keys?f.extend({},b.defaults.keys,d.keys):!1),b.group=a,b._start(b.opts.index)},cancel:function(){var a=b.coming;a&&!1===b.trigger("onCancel")||(b.hideLoading(),a&&(b.ajaxLoad&&b.ajaxLoad.abort(),b.ajaxLoad=null,b.imgPreload&&(b.imgPreload.onload=b.imgPreload.onerror=null),a.wrap&&a.wrap.stop(!0,!0).trigger("onReset").remove(),
|
||||
b.coming=null,b.current||b._afterZoomOut(a)))},close:function(a){b.cancel();!1!==b.trigger("beforeClose")&&(b.unbindEvents(),b.isActive&&(b.isOpen&&!0!==a?(b.isOpen=b.isOpened=!1,b.isClosing=!0,f(".fancybox-item, .fancybox-nav").remove(),b.wrap.stop(!0,!0).removeClass("fancybox-opened"),b.transitions[b.current.closeMethod]()):(f(".fancybox-wrap").stop(!0).trigger("onReset").remove(),b._afterZoomOut())))},play:function(a){var d=function(){clearTimeout(b.player.timer)},e=function(){d();b.current&&b.player.isActive&&
|
||||
(b.player.timer=setTimeout(b.next,b.current.playSpeed))},c=function(){d();p.unbind(".player");b.player.isActive=!1;b.trigger("onPlayEnd")};!0===a||!b.player.isActive&&!1!==a?b.current&&(b.current.loop||b.current.index<b.group.length-1)&&(b.player.isActive=!0,p.bind({"onCancel.player beforeClose.player":c,"onUpdate.player":e,"beforeLoad.player":d}),e(),b.trigger("onPlayStart")):c()},next:function(a){var d=b.current;d&&(r(a)||(a=d.direction.next),b.jumpto(d.index+1,a,"next"))},prev:function(a){var d=
|
||||
b.current;d&&(r(a)||(a=d.direction.prev),b.jumpto(d.index-1,a,"prev"))},jumpto:function(a,d,e){var c=b.current;c&&(a=m(a),b.direction=d||c.direction[a>=c.index?"next":"prev"],b.router=e||"jumpto",c.loop&&(0>a&&(a=c.group.length+a%c.group.length),a%=c.group.length),c.group[a]!==w&&(b.cancel(),b._start(a)))},reposition:function(a,d){var e=b.current,c=e?e.wrap:null,l;c&&(l=b._getPosition(d),a&&"scroll"===a.type?(delete l.position,c.stop(!0,!0).animate(l,200)):(c.css(l),e.pos=f.extend({},e.dim,l)))},
|
||||
update:function(a){var d=a&&a.originalEvent&&a.originalEvent.type,e=!d||"orientationchange"===d;e&&(clearTimeout(C),C=null);b.isOpen&&!C&&(C=setTimeout(function(){var c=b.current;c&&!b.isClosing&&(b.wrap.removeClass("fancybox-tmp"),(e||"load"===d||"resize"===d&&c.autoResize)&&b._setDimension(),"scroll"===d&&c.canShrink||b.reposition(a),b.trigger("onUpdate"),C=null)},e&&!t?0:300))},toggle:function(a){b.isOpen&&(b.current.fitToView="boolean"===f.type(a)?a:!b.current.fitToView,t&&(b.wrap.removeAttr("style").addClass("fancybox-tmp"),
|
||||
b.trigger("onUpdate")),b.update())},hideLoading:function(){p.unbind(".loading");f("#fancybox-loading").remove()},showLoading:function(){var a,d;b.hideLoading();a=f('<div id="fancybox-loading"><div></div></div>').click(b.cancel).appendTo("body");p.bind("keydown.loading",function(a){27===(a.which||a.keyCode)&&(a.preventDefault(),b.cancel())});b.defaults.fixed||(d=b.getViewport(),a.css({position:"absolute",top:0.5*d.h+d.y,left:0.5*d.w+d.x}));b.trigger("onLoading")},getViewport:function(){var a=b.current&&
|
||||
b.current.locked||!1,d={x:q.scrollLeft(),y:q.scrollTop()};a&&a.length?(d.w=a[0].clientWidth,d.h=a[0].clientHeight):(d.w=t&&s.innerWidth?s.innerWidth:q.width(),d.h=t&&s.innerHeight?s.innerHeight:q.height());return d},unbindEvents:function(){b.wrap&&u(b.wrap)&&b.wrap.unbind(".fb");p.unbind(".fb");q.unbind(".fb")},bindEvents:function(){var a=b.current,d;a&&(q.bind("orientationchange.fb"+(t?"":" resize.fb")+(a.autoCenter&&!a.locked?" scroll.fb":""),b.update),(d=a.keys)&&p.bind("keydown.fb",function(e){var c=
|
||||
e.which||e.keyCode,l=e.target||e.srcElement;if(27===c&&b.coming)return!1;e.ctrlKey||e.altKey||e.shiftKey||e.metaKey||l&&(l.type||f(l).is("[contenteditable]"))||f.each(d,function(d,l){if(1<a.group.length&&l[c]!==w)return b[d](l[c]),e.preventDefault(),!1;if(-1<f.inArray(c,l))return b[d](),e.preventDefault(),!1})}),f.fn.mousewheel&&a.mouseWheel&&b.wrap.bind("mousewheel.fb",function(d,c,l,g){for(var h=f(d.target||null),k=!1;h.length&&!(k||h.is(".fancybox-skin")||h.is(".fancybox-wrap"));)k=h[0]&&!(h[0].style.overflow&&
|
||||
"hidden"===h[0].style.overflow)&&(h[0].clientWidth&&h[0].scrollWidth>h[0].clientWidth||h[0].clientHeight&&h[0].scrollHeight>h[0].clientHeight),h=f(h).parent();0!==c&&!k&&1<b.group.length&&!a.canShrink&&(0<g||0<l?b.prev(0<g?"down":"left"):(0>g||0>l)&&b.next(0>g?"up":"right"),d.preventDefault())}))},trigger:function(a,d){var e,c=d||b.coming||b.current;if(c){f.isFunction(c[a])&&(e=c[a].apply(c,Array.prototype.slice.call(arguments,1)));if(!1===e)return!1;c.helpers&&f.each(c.helpers,function(d,e){if(e&&
|
||||
b.helpers[d]&&f.isFunction(b.helpers[d][a]))b.helpers[d][a](f.extend(!0,{},b.helpers[d].defaults,e),c)})}p.trigger(a)},isImage:function(a){return r(a)&&a.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i)},isSWF:function(a){return r(a)&&a.match(/\.(swf)((\?|#).*)?$/i)},_start:function(a){var d={},e,c;a=m(a);e=b.group[a]||null;if(!e)return!1;d=f.extend(!0,{},b.opts,e);e=d.margin;c=d.padding;"number"===f.type(e)&&(d.margin=[e,e,e,e]);"number"===f.type(c)&&(d.padding=[c,c,
|
||||
c,c]);d.modal&&f.extend(!0,d,{closeBtn:!1,closeClick:!1,nextClick:!1,arrows:!1,mouseWheel:!1,keys:null,helpers:{overlay:{closeClick:!1}}});d.autoSize&&(d.autoWidth=d.autoHeight=!0);"auto"===d.width&&(d.autoWidth=!0);"auto"===d.height&&(d.autoHeight=!0);d.group=b.group;d.index=a;b.coming=d;if(!1===b.trigger("beforeLoad"))b.coming=null;else{c=d.type;e=d.href;if(!c)return b.coming=null,b.current&&b.router&&"jumpto"!==b.router?(b.current.index=a,b[b.router](b.direction)):!1;b.isActive=!0;if("image"===
|
||||
c||"swf"===c)d.autoHeight=d.autoWidth=!1,d.scrolling="visible";"image"===c&&(d.aspectRatio=!0);"iframe"===c&&t&&(d.scrolling="scroll");d.wrap=f(d.tpl.wrap).addClass("fancybox-"+(t?"mobile":"desktop")+" fancybox-type-"+c+" fancybox-tmp "+d.wrapCSS).appendTo(d.parent||"body");f.extend(d,{skin:f(".fancybox-skin",d.wrap),outer:f(".fancybox-outer",d.wrap),inner:f(".fancybox-inner",d.wrap)});f.each(["Top","Right","Bottom","Left"],function(a,b){d.skin.css("padding"+b,x(d.padding[a]))});b.trigger("onReady");
|
||||
if("inline"===c||"html"===c){if(!d.content||!d.content.length)return b._error("content")}else if(!e)return b._error("href");"image"===c?b._loadImage():"ajax"===c?b._loadAjax():"iframe"===c?b._loadIframe():b._afterLoad()}},_error:function(a){f.extend(b.coming,{type:"html",autoWidth:!0,autoHeight:!0,minWidth:0,minHeight:0,scrolling:"no",hasError:a,content:b.coming.tpl.error});b._afterLoad()},_loadImage:function(){var a=b.imgPreload=new Image;a.onload=function(){this.onload=this.onerror=null;b.coming.width=
|
||||
this.width/b.opts.pixelRatio;b.coming.height=this.height/b.opts.pixelRatio;b._afterLoad()};a.onerror=function(){this.onload=this.onerror=null;b._error("image")};a.src=b.coming.href;!0!==a.complete&&b.showLoading()},_loadAjax:function(){var a=b.coming;b.showLoading();b.ajaxLoad=f.ajax(f.extend({},a.ajax,{url:a.href,error:function(a,e){b.coming&&"abort"!==e?b._error("ajax",a):b.hideLoading()},success:function(d,e){"success"===e&&(a.content=d,b._afterLoad())}}))},_loadIframe:function(){var a=b.coming,
|
||||
d=f(a.tpl.iframe.replace(/\{rnd\}/g,(new Date).getTime())).attr("scrolling",t?"auto":a.iframe.scrolling).attr("src",a.href);f(a.wrap).bind("onReset",function(){try{f(this).find("iframe").hide().attr("src","//about:blank").end().empty()}catch(a){}});a.iframe.preload&&(b.showLoading(),d.one("load",function(){f(this).data("ready",1);t||f(this).bind("load.fb",b.update);f(this).parents(".fancybox-wrap").width("100%").removeClass("fancybox-tmp").show();b._afterLoad()}));a.content=d.appendTo(a.inner);a.iframe.preload||
|
||||
b._afterLoad()},_preloadImages:function(){var a=b.group,d=b.current,e=a.length,c=d.preload?Math.min(d.preload,e-1):0,f,g;for(g=1;g<=c;g+=1)f=a[(d.index+g)%e],"image"===f.type&&f.href&&((new Image).src=f.href)},_afterLoad:function(){var a=b.coming,d=b.current,e,c,l,g,h;b.hideLoading();if(a&&!1!==b.isActive)if(!1===b.trigger("afterLoad",a,d))a.wrap.stop(!0).trigger("onReset").remove(),b.coming=null;else{d&&(b.trigger("beforeChange",d),d.wrap.stop(!0).removeClass("fancybox-opened").find(".fancybox-item, .fancybox-nav").remove());
|
||||
b.unbindEvents();e=a.content;c=a.type;l=a.scrolling;f.extend(b,{wrap:a.wrap,skin:a.skin,outer:a.outer,inner:a.inner,current:a,previous:d});g=a.href;switch(c){case "inline":case "ajax":case "html":a.selector?e=f("<div>").html(e).find(a.selector):u(e)&&(e.data("fancybox-placeholder")||e.data("fancybox-placeholder",f('<div class="fancybox-placeholder"></div>').insertAfter(e).hide()),e=e.show().detach(),a.wrap.bind("onReset",function(){f(this).find(e).length&&e.hide().replaceAll(e.data("fancybox-placeholder")).data("fancybox-placeholder",
|
||||
!1)}));break;case "image":e=a.tpl.image.replace(/\{href\}/g,g);break;case "swf":e='<object id="fancybox-swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="movie" value="'+g+'"></param>',h="",f.each(a.swf,function(a,b){e+='<param name="'+a+'" value="'+b+'"></param>';h+=" "+a+'="'+b+'"'}),e+='<embed src="'+g+'" type="application/x-shockwave-flash" width="100%" height="100%"'+h+"></embed></object>"}u(e)&&e.parent().is(a.inner)||a.inner.append(e);b.trigger("beforeShow");
|
||||
a.inner.css("overflow","yes"===l?"scroll":"no"===l?"hidden":l);b._setDimension();b.reposition();b.isOpen=!1;b.coming=null;b.bindEvents();if(!b.isOpened)f(".fancybox-wrap").not(a.wrap).stop(!0).trigger("onReset").remove();else if(d.prevMethod)b.transitions[d.prevMethod]();b.transitions[b.isOpened?a.nextMethod:a.openMethod]();b._preloadImages()}},_setDimension:function(){var a=b.getViewport(),d=0,e=!1,c=!1,e=b.wrap,l=b.skin,g=b.inner,h=b.current,c=h.width,k=h.height,n=h.minWidth,v=h.minHeight,p=h.maxWidth,
|
||||
q=h.maxHeight,t=h.scrolling,r=h.scrollOutside?h.scrollbarWidth:0,y=h.margin,z=m(y[1]+y[3]),s=m(y[0]+y[2]),w,A,u,D,B,G,C,E,I;e.add(l).add(g).width("auto").height("auto").removeClass("fancybox-tmp");y=m(l.outerWidth(!0)-l.width());w=m(l.outerHeight(!0)-l.height());A=z+y;u=s+w;D=F(c)?(a.w-A)*m(c)/100:c;B=F(k)?(a.h-u)*m(k)/100:k;if("iframe"===h.type){if(I=h.content,h.autoHeight&&1===I.data("ready"))try{I[0].contentWindow.document.location&&(g.width(D).height(9999),G=I.contents().find("body"),r&&G.css("overflow-x",
|
||||
"hidden"),B=G.outerHeight(!0))}catch(H){}}else if(h.autoWidth||h.autoHeight)g.addClass("fancybox-tmp"),h.autoWidth||g.width(D),h.autoHeight||g.height(B),h.autoWidth&&(D=g.width()),h.autoHeight&&(B=g.height()),g.removeClass("fancybox-tmp");c=m(D);k=m(B);E=D/B;n=m(F(n)?m(n,"w")-A:n);p=m(F(p)?m(p,"w")-A:p);v=m(F(v)?m(v,"h")-u:v);q=m(F(q)?m(q,"h")-u:q);G=p;C=q;h.fitToView&&(p=Math.min(a.w-A,p),q=Math.min(a.h-u,q));A=a.w-z;s=a.h-s;h.aspectRatio?(c>p&&(c=p,k=m(c/E)),k>q&&(k=q,c=m(k*E)),c<n&&(c=n,k=m(c/
|
||||
E)),k<v&&(k=v,c=m(k*E))):(c=Math.max(n,Math.min(c,p)),h.autoHeight&&"iframe"!==h.type&&(g.width(c),k=g.height()),k=Math.max(v,Math.min(k,q)));if(h.fitToView)if(g.width(c).height(k),e.width(c+y),a=e.width(),z=e.height(),h.aspectRatio)for(;(a>A||z>s)&&c>n&&k>v&&!(19<d++);)k=Math.max(v,Math.min(q,k-10)),c=m(k*E),c<n&&(c=n,k=m(c/E)),c>p&&(c=p,k=m(c/E)),g.width(c).height(k),e.width(c+y),a=e.width(),z=e.height();else c=Math.max(n,Math.min(c,c-(a-A))),k=Math.max(v,Math.min(k,k-(z-s)));r&&"auto"===t&&k<B&&
|
||||
c+y+r<A&&(c+=r);g.width(c).height(k);e.width(c+y);a=e.width();z=e.height();e=(a>A||z>s)&&c>n&&k>v;c=h.aspectRatio?c<G&&k<C&&c<D&&k<B:(c<G||k<C)&&(c<D||k<B);f.extend(h,{dim:{width:x(a),height:x(z)},origWidth:D,origHeight:B,canShrink:e,canExpand:c,wPadding:y,hPadding:w,wrapSpace:z-l.outerHeight(!0),skinSpace:l.height()-k});!I&&h.autoHeight&&k>v&&k<q&&!c&&g.height("auto")},_getPosition:function(a){var d=b.current,e=b.getViewport(),c=d.margin,f=b.wrap.width()+c[1]+c[3],g=b.wrap.height()+c[0]+c[2],c={position:"absolute",
|
||||
top:c[0],left:c[3]};d.autoCenter&&d.fixed&&!a&&g<=e.h&&f<=e.w?c.position="fixed":d.locked||(c.top+=e.y,c.left+=e.x);c.top=x(Math.max(c.top,c.top+(e.h-g)*d.topRatio));c.left=x(Math.max(c.left,c.left+(e.w-f)*d.leftRatio));return c},_afterZoomIn:function(){var a=b.current;a&&((b.isOpen=b.isOpened=!0,b.wrap.css("overflow","visible").addClass("fancybox-opened"),b.update(),(a.closeClick||a.nextClick&&1<b.group.length)&&b.inner.css("cursor","pointer").bind("click.fb",function(d){f(d.target).is("a")||f(d.target).parent().is("a")||
|
||||
(d.preventDefault(),b[a.closeClick?"close":"next"]())}),a.closeBtn&&f(a.tpl.closeBtn).appendTo(b.skin).bind("click.fb",function(a){a.preventDefault();b.close()}),a.arrows&&1<b.group.length&&((a.loop||0<a.index)&&f(a.tpl.prev).appendTo(b.outer).bind("click.fb",b.prev),(a.loop||a.index<b.group.length-1)&&f(a.tpl.next).appendTo(b.outer).bind("click.fb",b.next)),b.trigger("afterShow"),a.loop||a.index!==a.group.length-1)?b.opts.autoPlay&&!b.player.isActive&&(b.opts.autoPlay=!1,b.play(!0)):b.play(!1))},
|
||||
_afterZoomOut:function(a){a=a||b.current;f(".fancybox-wrap").trigger("onReset").remove();f.extend(b,{group:{},opts:{},router:!1,current:null,isActive:!1,isOpened:!1,isOpen:!1,isClosing:!1,wrap:null,skin:null,outer:null,inner:null});b.trigger("afterClose",a)}});b.transitions={getOrigPosition:function(){var a=b.current,d=a.element,e=a.orig,c={},f=50,g=50,h=a.hPadding,k=a.wPadding,n=b.getViewport();!e&&a.isDom&&d.is(":visible")&&(e=d.find("img:first"),e.length||(e=d));u(e)?(c=e.offset(),e.is("img")&&
|
||||
(f=e.outerWidth(),g=e.outerHeight())):(c.top=n.y+(n.h-g)*a.topRatio,c.left=n.x+(n.w-f)*a.leftRatio);if("fixed"===b.wrap.css("position")||a.locked)c.top-=n.y,c.left-=n.x;return c={top:x(c.top-h*a.topRatio),left:x(c.left-k*a.leftRatio),width:x(f+k),height:x(g+h)}},step:function(a,d){var e,c,f=d.prop;c=b.current;var g=c.wrapSpace,h=c.skinSpace;if("width"===f||"height"===f)e=d.end===d.start?1:(a-d.start)/(d.end-d.start),b.isClosing&&(e=1-e),c="width"===f?c.wPadding:c.hPadding,c=a-c,b.skin[f](m("width"===
|
||||
f?c:c-g*e)),b.inner[f](m("width"===f?c:c-g*e-h*e))},zoomIn:function(){var a=b.current,d=a.pos,e=a.openEffect,c="elastic"===e,l=f.extend({opacity:1},d);delete l.position;c?(d=this.getOrigPosition(),a.openOpacity&&(d.opacity=0.1)):"fade"===e&&(d.opacity=0.1);b.wrap.css(d).animate(l,{duration:"none"===e?0:a.openSpeed,easing:a.openEasing,step:c?this.step:null,complete:b._afterZoomIn})},zoomOut:function(){var a=b.current,d=a.closeEffect,e="elastic"===d,c={opacity:0.1};e&&(c=this.getOrigPosition(),a.closeOpacity&&
|
||||
(c.opacity=0.1));b.wrap.animate(c,{duration:"none"===d?0:a.closeSpeed,easing:a.closeEasing,step:e?this.step:null,complete:b._afterZoomOut})},changeIn:function(){var a=b.current,d=a.nextEffect,e=a.pos,c={opacity:1},f=b.direction,g;e.opacity=0.1;"elastic"===d&&(g="down"===f||"up"===f?"top":"left","down"===f||"right"===f?(e[g]=x(m(e[g])-200),c[g]="+=200px"):(e[g]=x(m(e[g])+200),c[g]="-=200px"));"none"===d?b._afterZoomIn():b.wrap.css(e).animate(c,{duration:a.nextSpeed,easing:a.nextEasing,complete:b._afterZoomIn})},
|
||||
changeOut:function(){var a=b.previous,d=a.prevEffect,e={opacity:0.1},c=b.direction;"elastic"===d&&(e["down"===c||"up"===c?"top":"left"]=("up"===c||"left"===c?"-":"+")+"=200px");a.wrap.animate(e,{duration:"none"===d?0:a.prevSpeed,easing:a.prevEasing,complete:function(){f(this).trigger("onReset").remove()}})}};b.helpers.overlay={defaults:{closeClick:!0,speedOut:200,showEarly:!0,css:{},locked:!t,fixed:!0},overlay:null,fixed:!1,el:f("html"),create:function(a){var d;a=f.extend({},this.defaults,a);this.overlay&&
|
||||
this.close();d=b.coming?b.coming.parent:a.parent;this.overlay=f('<div class="fancybox-overlay"></div>').appendTo(d&&d.lenth?d:"body");this.fixed=!1;a.fixed&&b.defaults.fixed&&(this.overlay.addClass("fancybox-overlay-fixed"),this.fixed=!0)},open:function(a){var d=this;a=f.extend({},this.defaults,a);this.overlay?this.overlay.unbind(".overlay").width("auto").height("auto"):this.create(a);this.fixed||(q.bind("resize.overlay",f.proxy(this.update,this)),this.update());a.closeClick&&this.overlay.bind("click.overlay",
|
||||
function(a){if(f(a.target).hasClass("fancybox-overlay"))return b.isActive?b.close():d.close(),!1});this.overlay.css(a.css).show()},close:function(){q.unbind("resize.overlay");this.el.hasClass("fancybox-lock")&&(f(".fancybox-margin").removeClass("fancybox-margin"),this.el.removeClass("fancybox-lock"),q.scrollTop(this.scrollV).scrollLeft(this.scrollH));f(".fancybox-overlay").remove().hide();f.extend(this,{overlay:null,fixed:!1})},update:function(){var a="100%",b;this.overlay.width(a).height("100%");
|
||||
J?(b=Math.max(H.documentElement.offsetWidth,H.body.offsetWidth),p.width()>b&&(a=p.width())):p.width()>q.width()&&(a=p.width());this.overlay.width(a).height(p.height())},onReady:function(a,b){var e=this.overlay;f(".fancybox-overlay").stop(!0,!0);e||this.create(a);a.locked&&this.fixed&&b.fixed&&(b.locked=this.overlay.append(b.wrap),b.fixed=!1);!0===a.showEarly&&this.beforeShow.apply(this,arguments)},beforeShow:function(a,b){b.locked&&!this.el.hasClass("fancybox-lock")&&(!1!==this.fixPosition&&f("*").filter(function(){return"fixed"===
|
||||
f(this).css("position")&&!f(this).hasClass("fancybox-overlay")&&!f(this).hasClass("fancybox-wrap")}).addClass("fancybox-margin"),this.el.addClass("fancybox-margin"),this.scrollV=q.scrollTop(),this.scrollH=q.scrollLeft(),this.el.addClass("fancybox-lock"),q.scrollTop(this.scrollV).scrollLeft(this.scrollH));this.open(a)},onUpdate:function(){this.fixed||this.update()},afterClose:function(a){this.overlay&&!b.coming&&this.overlay.fadeOut(a.speedOut,f.proxy(this.close,this))}};b.helpers.title={defaults:{type:"float",
|
||||
position:"bottom"},beforeShow:function(a){var d=b.current,e=d.title,c=a.type;f.isFunction(e)&&(e=e.call(d.element,d));if(r(e)&&""!==f.trim(e)){d=f('<div class="fancybox-title fancybox-title-'+c+'-wrap">'+e+"</div>");switch(c){case "inside":c=b.skin;break;case "outside":c=b.wrap;break;case "over":c=b.inner;break;default:c=b.skin,d.appendTo("body"),J&&d.width(d.width()),d.wrapInner('<span class="child"></span>'),b.current.margin[2]+=Math.abs(m(d.css("margin-bottom")))}d["top"===a.position?"prependTo":
|
||||
"appendTo"](c)}}};f.fn.fancybox=function(a){var d,e=f(this),c=this.selector||"",l=function(g){var h=f(this).blur(),k=d,l,m;g.ctrlKey||g.altKey||g.shiftKey||g.metaKey||h.is(".fancybox-wrap")||(l=a.groupAttr||"data-fancybox-group",m=h.attr(l),m||(l="rel",m=h.get(0)[l]),m&&""!==m&&"nofollow"!==m&&(h=c.length?f(c):e,h=h.filter("["+l+'="'+m+'"]'),k=h.index(this)),a.index=k,!1!==b.open(h,a)&&g.preventDefault())};a=a||{};d=a.index||0;c&&!1!==a.live?p.undelegate(c,"click.fb-start").delegate(c+":not('.fancybox-item, .fancybox-nav')",
|
||||
"click.fb-start",l):e.unbind("click.fb-start").bind("click.fb-start",l);this.filter("[data-fancybox-start=1]").trigger("click");return this};p.ready(function(){var a,d;f.scrollbarWidth===w&&(f.scrollbarWidth=function(){var a=f('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo("body"),b=a.children(),b=b.innerWidth()-b.height(99).innerWidth();a.remove();return b});f.support.fixedPosition===w&&(f.support.fixedPosition=function(){var a=f('<div style="position:fixed;top:20px;"></div>').appendTo("body"),
|
||||
b=20===a[0].offsetTop||15===a[0].offsetTop;a.remove();return b}());f.extend(b.defaults,{scrollbarWidth:f.scrollbarWidth(),fixed:f.support.fixedPosition,parent:f("body")});a=f(s).width();K.addClass("fancybox-lock-test");d=f(s).width();K.removeClass("fancybox-lock-test");f("<style type='text/css'>.fancybox-margin{margin-right:"+(d-a)+"px;}</style>").appendTo("head")})})(window,document,jQuery);
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
.lg-outer.fb-comments .lg-img-wrap {
|
||||
padding-right: 400px !important; }
|
||||
.lg-outer.fb-comments .fb-comments {
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 420px;
|
||||
z-index: 99999;
|
||||
background: #fff url("../img/loading.gif") no-repeat scroll center center; }
|
||||
.lg-outer.fb-comments .fb-comments.fb_iframe_widget {
|
||||
background-image: none; }
|
||||
.lg-outer.fb-comments .fb-comments.fb_iframe_widget.fb_iframe_widget_loader {
|
||||
background: #fff url("../img/loading.gif") no-repeat scroll center center; }
|
||||
.lg-outer.fb-comments .lg-toolbar {
|
||||
right: 420px;
|
||||
width: auto; }
|
||||
.lg-outer.fb-comments .lg-actions .lg-next {
|
||||
right: 420px; }
|
||||
.lg-outer.fb-comments .lg-item {
|
||||
background-image: none; }
|
||||
.lg-outer.fb-comments .lg-item.lg-complete .lg-img-wrap {
|
||||
background-image: none; }
|
||||
.lg-outer.fb-comments .lg-img-wrap {
|
||||
background: url(../img/loading.gif) no-repeat scroll center center transparent; }
|
||||
.lg-outer.fb-comments .lg-sub-html {
|
||||
padding: 0;
|
||||
position: static; }
|
||||
|
||||
/*# sourceMappingURL=lg-fb-comment-box.css.map */
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAGI,kCAAa;EACT,aAAa,EAAE,gBAAgB;AAEnC,kCAAa;EACT,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,CAAC;EACR,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,KAAK;EACZ,OAAO,EAAE,KAAK;EACd,UAAU,EAAE,6DAA6D;EACzE,mDAAmB;IACf,gBAAgB,EAAE,IAAI;IACtB,2EAAyB;MACrB,UAAU,EAAE,6DAA6D;AAIrF,iCAAY;EACR,KAAK,EAAE,KAAK;EACZ,KAAK,EAAE,IAAI;AAEf,0CAAqB;EACjB,KAAK,EAAE,KAAK;AAEhB,8BAAS;EACL,gBAAgB,EAAE,IAAI;EAElB,uDAAY;IACR,gBAAgB,EAAE,IAAI;AAIlC,kCAAa;EACT,UAAU,EAAE,kEAAkE;AAGlF,kCAAa;EACT,OAAO,EAAE,CAAC;EACV,QAAQ,EAAE,MAAM",
|
||||
"sources": ["../sass/lg-fb-comment-box.scss"],
|
||||
"names": [],
|
||||
"file": "lg-fb-comment-box.css"
|
||||
}
|
||||
|
|
@ -0,0 +1 @@
|
|||
.lg-outer.fb-comments .fb-comments{height:100%;overflow-y:auto;position:absolute;right:0;top:0;width:420px;z-index:99999;background:url(../img/loading.gif) center center no-repeat #fff}.lg-outer.fb-comments .fb-comments.fb_iframe_widget{background-image:none}.lg-outer.fb-comments .fb-comments.fb_iframe_widget.fb_iframe_widget_loader{background:url(../img/loading.gif) center center no-repeat #fff}.lg-outer.fb-comments .lg-toolbar{right:420px;width:auto}.lg-outer.fb-comments .lg-actions .lg-next{right:420px}.lg-outer.fb-comments .lg-item,.lg-outer.fb-comments .lg-item.lg-complete .lg-img-wrap{background-image:none}.lg-outer.fb-comments .lg-img-wrap{padding-right:400px!important;background:url(../img/loading.gif) center center no-repeat}.lg-outer.fb-comments .lg-sub-html{padding:0;position:static}
|
||||
|
|
@ -0,0 +1,776 @@
|
|||
.lg-css3.lg-zoom-in .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
|
||||
-webkit-transform: scale3d(1.3, 1.3, 1.3);
|
||||
transform: scale3d(1.3, 1.3, 1.3); }
|
||||
.lg-css3.lg-zoom-in .lg-item.lg-next-slide {
|
||||
-webkit-transform: scale3d(1.3, 1.3, 1.3);
|
||||
transform: scale3d(1.3, 1.3, 1.3); }
|
||||
.lg-css3.lg-zoom-in .lg-item.lg-current {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
||||
.lg-css3.lg-zoom-in-big .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide {
|
||||
-webkit-transform: scale3d(2, 2, 2);
|
||||
transform: scale3d(2, 2, 2); }
|
||||
.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide {
|
||||
-webkit-transform: scale3d(2, 2, 2);
|
||||
transform: scale3d(2, 2, 2); }
|
||||
.lg-css3.lg-zoom-in-big .lg-item.lg-current {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
||||
.lg-css3.lg-zoom-out .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
|
||||
-webkit-transform: scale3d(0.7, 0.7, 0.7);
|
||||
transform: scale3d(0.7, 0.7, 0.7); }
|
||||
.lg-css3.lg-zoom-out .lg-item.lg-next-slide {
|
||||
-webkit-transform: scale3d(0.7, 0.7, 0.7);
|
||||
transform: scale3d(0.7, 0.7, 0.7); }
|
||||
.lg-css3.lg-zoom-out .lg-item.lg-current {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
||||
.lg-css3.lg-zoom-out-big .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide {
|
||||
-webkit-transform: scale3d(0, 0, 0);
|
||||
transform: scale3d(0, 0, 0); }
|
||||
.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide {
|
||||
-webkit-transform: scale3d(0, 0, 0);
|
||||
transform: scale3d(0, 0, 0); }
|
||||
.lg-css3.lg-zoom-out-big .lg-item.lg-current {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
||||
.lg-css3.lg-zoom-out-in .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
|
||||
-webkit-transform: scale3d(0, 0, 0);
|
||||
transform: scale3d(0, 0, 0); }
|
||||
.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
|
||||
-webkit-transform: scale3d(2, 2, 2);
|
||||
transform: scale3d(2, 2, 2); }
|
||||
.lg-css3.lg-zoom-out-in .lg-item.lg-current {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
||||
.lg-css3.lg-zoom-in-out .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
|
||||
-webkit-transform: scale3d(2, 2, 2);
|
||||
transform: scale3d(2, 2, 2); }
|
||||
.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
|
||||
-webkit-transform: scale3d(0, 0, 0);
|
||||
transform: scale3d(0, 0, 0); }
|
||||
.lg-css3.lg-zoom-in-out .lg-item.lg-current {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
||||
.lg-css3.lg-soft-zoom .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
|
||||
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
||||
transform: scale3d(1.1, 1.1, 1.1); }
|
||||
.lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
|
||||
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
||||
transform: scale3d(0.9, 0.9, 0.9); }
|
||||
.lg-css3.lg-soft-zoom .lg-item.lg-current {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
||||
.lg-css3.lg-scale-up .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-scale-up .lg-item.lg-prev-slide {
|
||||
-moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
-o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
-ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
-webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); }
|
||||
.lg-css3.lg-scale-up .lg-item.lg-next-slide {
|
||||
-moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
-o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
-ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
-webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); }
|
||||
.lg-css3.lg-scale-up .lg-item.lg-current {
|
||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-scale-up .lg-item.lg-prev-slide, .lg-css3.lg-scale-up .lg-item.lg-next-slide, .lg-css3.lg-scale-up .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
||||
.lg-css3.lg-slide-circular .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
|
||||
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
||||
-o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
||||
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }
|
||||
.lg-css3.lg-slide-circular .lg-item.lg-next-slide {
|
||||
-moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
||||
-o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
||||
-ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }
|
||||
.lg-css3.lg-slide-circular .lg-item.lg-current {
|
||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
||||
.lg-css3.lg-slide-circular-up .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide {
|
||||
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
|
||||
-o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
|
||||
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); }
|
||||
.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide {
|
||||
-moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
|
||||
-o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
|
||||
-ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); }
|
||||
.lg-css3.lg-slide-circular-up .lg-item.lg-current {
|
||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
||||
.lg-css3.lg-slide-circular-down .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide {
|
||||
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
|
||||
-o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
|
||||
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); }
|
||||
.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide {
|
||||
-moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
|
||||
-o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
|
||||
-ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); }
|
||||
.lg-css3.lg-slide-circular-down .lg-item.lg-current {
|
||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
||||
.lg-css3.lg-slide-circular-vertical .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
|
||||
-moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
||||
-o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
||||
-ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); }
|
||||
.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
|
||||
-moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
||||
-o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
||||
-ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); }
|
||||
.lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
|
||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
||||
.lg-css3.lg-slide-circular-vertical-left .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide {
|
||||
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
|
||||
-o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
|
||||
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); }
|
||||
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide {
|
||||
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
|
||||
-o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
|
||||
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); }
|
||||
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
|
||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
||||
.lg-css3.lg-slide-circular-vertical-down .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide {
|
||||
-moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
|
||||
-o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
|
||||
-ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); }
|
||||
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide {
|
||||
-moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
|
||||
-o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
|
||||
-ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); }
|
||||
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
|
||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
||||
.lg-css3.lg-slide-vertical .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
|
||||
-webkit-transform: translate3d(0, -100%, 0);
|
||||
transform: translate3d(0, -100%, 0); }
|
||||
.lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
|
||||
-webkit-transform: translate3d(0, 100%, 0);
|
||||
transform: translate3d(0, 100%, 0); }
|
||||
.lg-css3.lg-slide-vertical .lg-item.lg-current {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-slide-vertical-growth .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
|
||||
-moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
||||
-o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
||||
-ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
||||
-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
||||
transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); }
|
||||
.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
|
||||
-moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
||||
-o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
||||
-ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
||||
-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
||||
transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); }
|
||||
.lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
|
||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-slide-skew-only .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(10deg, 0deg);
|
||||
-o-transform: skew(10deg, 0deg);
|
||||
-ms-transform: skew(10deg, 0deg);
|
||||
-webkit-transform: skew(10deg, 0deg);
|
||||
transform: skew(10deg, 0deg); }
|
||||
.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(10deg, 0deg);
|
||||
-o-transform: skew(10deg, 0deg);
|
||||
-ms-transform: skew(10deg, 0deg);
|
||||
-webkit-transform: skew(10deg, 0deg);
|
||||
transform: skew(10deg, 0deg); }
|
||||
.lg-css3.lg-slide-skew-only .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg);
|
||||
-o-transform: skew(0deg, 0deg);
|
||||
-ms-transform: skew(0deg, 0deg);
|
||||
-webkit-transform: skew(0deg, 0deg);
|
||||
transform: skew(0deg, 0deg);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-slide-skew-only-rev .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(-10deg, 0deg);
|
||||
-o-transform: skew(-10deg, 0deg);
|
||||
-ms-transform: skew(-10deg, 0deg);
|
||||
-webkit-transform: skew(-10deg, 0deg);
|
||||
transform: skew(-10deg, 0deg); }
|
||||
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(-10deg, 0deg);
|
||||
-o-transform: skew(-10deg, 0deg);
|
||||
-ms-transform: skew(-10deg, 0deg);
|
||||
-webkit-transform: skew(-10deg, 0deg);
|
||||
transform: skew(-10deg, 0deg); }
|
||||
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg);
|
||||
-o-transform: skew(0deg, 0deg);
|
||||
-ms-transform: skew(0deg, 0deg);
|
||||
-webkit-transform: skew(0deg, 0deg);
|
||||
transform: skew(0deg, 0deg);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-slide-skew-only-y .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(0deg, 10deg);
|
||||
-o-transform: skew(0deg, 10deg);
|
||||
-ms-transform: skew(0deg, 10deg);
|
||||
-webkit-transform: skew(0deg, 10deg);
|
||||
transform: skew(0deg, 10deg); }
|
||||
.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(0deg, 10deg);
|
||||
-o-transform: skew(0deg, 10deg);
|
||||
-ms-transform: skew(0deg, 10deg);
|
||||
-webkit-transform: skew(0deg, 10deg);
|
||||
transform: skew(0deg, 10deg); }
|
||||
.lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg);
|
||||
-o-transform: skew(0deg, 0deg);
|
||||
-ms-transform: skew(0deg, 0deg);
|
||||
-webkit-transform: skew(0deg, 0deg);
|
||||
transform: skew(0deg, 0deg);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-slide-skew-only-y-rev .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(0deg, -10deg);
|
||||
-o-transform: skew(0deg, -10deg);
|
||||
-ms-transform: skew(0deg, -10deg);
|
||||
-webkit-transform: skew(0deg, -10deg);
|
||||
transform: skew(0deg, -10deg); }
|
||||
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(0deg, -10deg);
|
||||
-o-transform: skew(0deg, -10deg);
|
||||
-ms-transform: skew(0deg, -10deg);
|
||||
-webkit-transform: skew(0deg, -10deg);
|
||||
transform: skew(0deg, -10deg); }
|
||||
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg);
|
||||
-o-transform: skew(0deg, 0deg);
|
||||
-ms-transform: skew(0deg, 0deg);
|
||||
-webkit-transform: skew(0deg, 0deg);
|
||||
transform: skew(0deg, 0deg);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-slide-skew .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
-o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
-ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
-webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); }
|
||||
.lg-css3.lg-slide-skew .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
-o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
-ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
-webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); }
|
||||
.lg-css3.lg-slide-skew .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-slide-skew-rev .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
-o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
-ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
-webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); }
|
||||
.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
-o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
-ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
-webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); }
|
||||
.lg-css3.lg-slide-skew-rev .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-slide-skew-cross .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
||||
transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); }
|
||||
.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
||||
transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); }
|
||||
.lg-css3.lg-slide-skew-cross .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-slide-skew-cross-rev .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
||||
-o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
||||
transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); }
|
||||
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
||||
-o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
||||
transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); }
|
||||
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-slide-skew-ver .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
-o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
-ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
-webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); }
|
||||
.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
-o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
-ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
-webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); }
|
||||
.lg-css3.lg-slide-skew-ver .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-slide-skew-ver-rev .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
-o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
-ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
-webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); }
|
||||
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
-o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
-ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
-webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); }
|
||||
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-slide-skew-ver-cross .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
||||
-o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
||||
-ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
||||
-webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
||||
transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); }
|
||||
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
||||
-o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
||||
-ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
||||
-webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
||||
transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); }
|
||||
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
||||
-o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
||||
-ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
||||
-webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
||||
transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); }
|
||||
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
||||
-o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
||||
-ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
||||
-webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
||||
transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); }
|
||||
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-lollipop .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-lollipop .lg-item.lg-prev-slide {
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0); }
|
||||
.lg-css3.lg-lollipop .lg-item.lg-next-slide {
|
||||
-moz-transform: translate3d(0, 0, 0) scale(0.5);
|
||||
-o-transform: translate3d(0, 0, 0) scale(0.5);
|
||||
-ms-transform: translate3d(0, 0, 0) scale(0.5);
|
||||
-webkit-transform: translate3d(0, 0, 0) scale(0.5);
|
||||
transform: translate3d(0, 0, 0) scale(0.5); }
|
||||
.lg-css3.lg-lollipop .lg-item.lg-current {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-lollipop-rev .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
|
||||
-moz-transform: translate3d(0, 0, 0) scale(0.5);
|
||||
-o-transform: translate3d(0, 0, 0) scale(0.5);
|
||||
-ms-transform: translate3d(0, 0, 0) scale(0.5);
|
||||
-webkit-transform: translate3d(0, 0, 0) scale(0.5);
|
||||
transform: translate3d(0, 0, 0) scale(0.5); }
|
||||
.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0); }
|
||||
.lg-css3.lg-lollipop-rev .lg-item.lg-current {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-rotate .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-rotate .lg-item.lg-prev-slide {
|
||||
-moz-transform: rotate(-360deg);
|
||||
-o-transform: rotate(-360deg);
|
||||
-ms-transform: rotate(-360deg);
|
||||
-webkit-transform: rotate(-360deg);
|
||||
transform: rotate(-360deg); }
|
||||
.lg-css3.lg-rotate .lg-item.lg-next-slide {
|
||||
-moz-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); }
|
||||
.lg-css3.lg-rotate .lg-item.lg-current {
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-rotate-rev .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
|
||||
-moz-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); }
|
||||
.lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
|
||||
-moz-transform: rotate(-360deg);
|
||||
-o-transform: rotate(-360deg);
|
||||
-ms-transform: rotate(-360deg);
|
||||
-webkit-transform: rotate(-360deg);
|
||||
transform: rotate(-360deg); }
|
||||
.lg-css3.lg-rotate-rev .lg-item.lg-current {
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
.lg-css3.lg-tube .lg-item {
|
||||
opacity: 0; }
|
||||
.lg-css3.lg-tube .lg-item.lg-prev-slide {
|
||||
-moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
||||
-o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
||||
-ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
||||
-webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
||||
transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); }
|
||||
.lg-css3.lg-tube .lg-item.lg-next-slide {
|
||||
-moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
||||
-o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
||||
-ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
||||
-webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
||||
transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); }
|
||||
.lg-css3.lg-tube .lg-item.lg-current {
|
||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
opacity: 1; }
|
||||
.lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
||||
|
||||
/*# sourceMappingURL=lg-transitions.css.map */
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,970 @@
|
|||
@font-face {
|
||||
font-family: 'lg';
|
||||
src: url("../fonts/lg.eot?n1z373");
|
||||
src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.lg-icon {
|
||||
font-family: 'lg';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.lg-actions .lg-next, .lg-actions .lg-prev {
|
||||
background-color: rgba(0, 0, 0, 0.45);
|
||||
border-radius: 2px;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
font-size: 22px;
|
||||
margin-top: -10px;
|
||||
padding: 8px 10px 9px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 1080;
|
||||
}
|
||||
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
|
||||
color: #FFF;
|
||||
}
|
||||
.lg-actions .lg-next {
|
||||
right: 20px;
|
||||
}
|
||||
.lg-actions .lg-next:before {
|
||||
content: "\e095";
|
||||
}
|
||||
.lg-actions .lg-prev {
|
||||
left: 20px;
|
||||
}
|
||||
.lg-actions .lg-prev:after {
|
||||
content: "\e094";
|
||||
}
|
||||
|
||||
@-webkit-keyframes lg-right-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes lg-right-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-ms-keyframes lg-right-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@keyframes lg-right-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes lg-left-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes lg-left-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-ms-keyframes lg-left-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@keyframes lg-left-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.lg-outer.lg-right-end .lg-object {
|
||||
-webkit-animation: lg-right-end 0.3s;
|
||||
-o-animation: lg-right-end 0.3s;
|
||||
animation: lg-right-end 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
.lg-outer.lg-left-end .lg-object {
|
||||
-webkit-animation: lg-left-end 0.3s;
|
||||
-o-animation: lg-left-end 0.3s;
|
||||
animation: lg-left-end 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.lg-toolbar {
|
||||
z-index: 1082;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
.lg-toolbar .lg-icon {
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
font-size: 24px;
|
||||
height: 47px;
|
||||
line-height: 27px;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
width: 50px;
|
||||
text-decoration: none !important;
|
||||
outline: medium none;
|
||||
-webkit-transition: color 0.2s linear;
|
||||
-o-transition: color 0.2s linear;
|
||||
transition: color 0.2s linear;
|
||||
}
|
||||
.lg-toolbar .lg-icon:hover {
|
||||
color: #FFF;
|
||||
}
|
||||
.lg-toolbar .lg-close:after {
|
||||
content: "\e070";
|
||||
}
|
||||
.lg-toolbar .lg-download:after {
|
||||
content: "\e0f2";
|
||||
}
|
||||
|
||||
.lg-sub-html {
|
||||
background-color: rgba(0, 0, 0, 0.45);
|
||||
bottom: 0;
|
||||
color: #EEE;
|
||||
font-size: 16px;
|
||||
left: 0;
|
||||
padding: 10px 40px;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
z-index: 1080;
|
||||
}
|
||||
.lg-sub-html h4 {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.lg-sub-html p {
|
||||
font-size: 12px;
|
||||
margin: 5px 0 0;
|
||||
}
|
||||
|
||||
#lg-counter {
|
||||
color: #999;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
padding-left: 20px;
|
||||
padding-top: 12px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.lg-toolbar, .lg-prev, .lg-next {
|
||||
opacity: 1;
|
||||
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
|
||||
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
|
||||
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
|
||||
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
|
||||
}
|
||||
|
||||
.lg-hide-items .lg-prev {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(-10px, 0, 0);
|
||||
transform: translate3d(-10px, 0, 0);
|
||||
}
|
||||
.lg-hide-items .lg-next {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(10px, 0, 0);
|
||||
transform: translate3d(10px, 0, 0);
|
||||
}
|
||||
.lg-hide-items .lg-toolbar {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(0, -10px, 0);
|
||||
transform: translate3d(0, -10px, 0);
|
||||
}
|
||||
|
||||
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
|
||||
-webkit-transform: scale3d(0.5, 0.5, 0.5);
|
||||
transform: scale3d(0.5, 0.5, 0.5);
|
||||
opacity: 0;
|
||||
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
||||
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
||||
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
||||
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
-moz-transform-origin: 50% 50%;
|
||||
-ms-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lg-outer .lg-thumb-outer {
|
||||
background-color: #0D0A0A;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
z-index: 1080;
|
||||
max-height: 350px;
|
||||
-webkit-transform: translate3d(0, 100%, 0);
|
||||
transform: translate3d(0, 100%, 0);
|
||||
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
}
|
||||
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: -o-grab;
|
||||
cursor: -ms-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
|
||||
cursor: move;
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: -o-grabbing;
|
||||
cursor: -ms-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
|
||||
-webkit-transition-duration: 0s !important;
|
||||
transition-duration: 0s !important;
|
||||
}
|
||||
.lg-outer.lg-thumb-open .lg-thumb-outer {
|
||||
-webkit-transform: translate3d(0, 0%, 0);
|
||||
transform: translate3d(0, 0%, 0);
|
||||
}
|
||||
.lg-outer .lg-thumb {
|
||||
padding: 10px 0;
|
||||
height: 100%;
|
||||
margin-bottom: -5px;
|
||||
}
|
||||
.lg-outer .lg-thumb-item {
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
border: 2px solid #FFF;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.lg-outer .lg-thumb-item {
|
||||
-webkit-transition: border-color 0.25s ease;
|
||||
-o-transition: border-color 0.25s ease;
|
||||
transition: border-color 0.25s ease;
|
||||
}
|
||||
}
|
||||
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
|
||||
border-color: #a90707;
|
||||
}
|
||||
.lg-outer .lg-thumb-item img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.lg-outer.lg-has-thumb .lg-item {
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
.lg-outer.lg-can-toggle .lg-item {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.lg-outer.lg-pull-caption-up .lg-sub-html {
|
||||
-webkit-transition: bottom 0.25s ease;
|
||||
-o-transition: bottom 0.25s ease;
|
||||
transition: bottom 0.25s ease;
|
||||
}
|
||||
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
|
||||
bottom: 100px;
|
||||
}
|
||||
.lg-outer .lg-toggle-thumb {
|
||||
background-color: #0D0A0A;
|
||||
border-radius: 2px 2px 0 0;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
font-size: 24px;
|
||||
height: 39px;
|
||||
line-height: 27px;
|
||||
padding: 5px 0;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
text-align: center;
|
||||
top: -39px;
|
||||
width: 50px;
|
||||
}
|
||||
.lg-outer .lg-toggle-thumb:after {
|
||||
content: "\e1ff";
|
||||
}
|
||||
.lg-outer .lg-toggle-thumb:hover {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.lg-outer .lg-video-cont {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
max-width: 1140px;
|
||||
max-height: 100%;
|
||||
width: 100%;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.lg-outer .lg-video {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
padding-bottom: 56.25%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.lg-outer .lg-video .lg-object {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
.lg-outer .lg-video .lg-video-play {
|
||||
width: 84px;
|
||||
height: 59px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -42px;
|
||||
margin-top: -30px;
|
||||
z-index: 1080;
|
||||
cursor: pointer;
|
||||
}
|
||||
.lg-outer .lg-has-vimeo .lg-video-play {
|
||||
background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
|
||||
}
|
||||
.lg-outer .lg-has-vimeo:hover .lg-video-play {
|
||||
background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
|
||||
}
|
||||
.lg-outer .lg-has-html5 .lg-video-play {
|
||||
background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
|
||||
height: 64px;
|
||||
margin-left: -32px;
|
||||
margin-top: -32px;
|
||||
width: 64px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.lg-outer .lg-has-html5:hover .lg-video-play {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer .lg-has-youtube .lg-video-play {
|
||||
background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
|
||||
}
|
||||
.lg-outer .lg-has-youtube:hover .lg-video-play {
|
||||
background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
|
||||
}
|
||||
.lg-outer .lg-video-object {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.lg-outer .lg-has-video .lg-video-object {
|
||||
visibility: hidden;
|
||||
}
|
||||
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
|
||||
display: none;
|
||||
}
|
||||
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.lg-progress-bar {
|
||||
background-color: #333;
|
||||
height: 5px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 1083;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.08s ease 0s;
|
||||
-moz-transition: opacity 0.08s ease 0s;
|
||||
-o-transition: opacity 0.08s ease 0s;
|
||||
transition: opacity 0.08s ease 0s;
|
||||
}
|
||||
.lg-progress-bar .lg-progress {
|
||||
background-color: #a90707;
|
||||
height: 5px;
|
||||
width: 0;
|
||||
}
|
||||
.lg-progress-bar.lg-start .lg-progress {
|
||||
width: 100%;
|
||||
}
|
||||
.lg-show-autoplay .lg-progress-bar {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lg-autoplay-button:after {
|
||||
content: "\e01d";
|
||||
}
|
||||
.lg-show-autoplay .lg-autoplay-button:after {
|
||||
content: "\e01a";
|
||||
}
|
||||
|
||||
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
|
||||
-webkit-transition-duration: 0s;
|
||||
transition-duration: 0s;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
||||
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
|
||||
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
|
||||
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
|
||||
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
|
||||
-webkit-transform-origin: 0 0;
|
||||
-moz-transform-origin: 0 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
#lg-zoom-in:after {
|
||||
content: "\e311";
|
||||
}
|
||||
|
||||
#lg-actual-size {
|
||||
font-size: 20px;
|
||||
}
|
||||
#lg-actual-size:after {
|
||||
content: "\e033";
|
||||
}
|
||||
|
||||
#lg-zoom-out {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
#lg-zoom-out:after {
|
||||
content: "\e312";
|
||||
}
|
||||
.lg-zoomed #lg-zoom-out {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.lg-outer .lg-pager-outer {
|
||||
bottom: 60px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
z-index: 1080;
|
||||
height: 10px;
|
||||
}
|
||||
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
|
||||
overflow: visible;
|
||||
}
|
||||
.lg-outer .lg-pager-cont {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
|
||||
box-shadow: 0 0 0 2px white inset;
|
||||
}
|
||||
.lg-outer .lg-pager-thumb-cont {
|
||||
background-color: #fff;
|
||||
color: #FFF;
|
||||
bottom: 100%;
|
||||
height: 83px;
|
||||
left: 0;
|
||||
margin-bottom: 20px;
|
||||
margin-left: -60px;
|
||||
opacity: 0;
|
||||
padding: 5px;
|
||||
position: absolute;
|
||||
width: 120px;
|
||||
border-radius: 3px;
|
||||
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
|
||||
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
|
||||
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
|
||||
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
|
||||
-webkit-transform: translate3d(0, 5px, 0);
|
||||
transform: translate3d(0, 5px, 0);
|
||||
}
|
||||
.lg-outer .lg-pager-thumb-cont img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.lg-outer .lg-pager {
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
|
||||
display: block;
|
||||
height: 12px;
|
||||
-webkit-transition: box-shadow 0.3s ease 0s;
|
||||
-o-transition: box-shadow 0.3s ease 0s;
|
||||
transition: box-shadow 0.3s ease 0s;
|
||||
width: 12px;
|
||||
}
|
||||
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
|
||||
box-shadow: 0 0 0 8px white inset;
|
||||
}
|
||||
.lg-outer .lg-caret {
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
border-top: 10px dashed;
|
||||
bottom: -10px;
|
||||
display: inline-block;
|
||||
height: 0;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
position: absolute;
|
||||
vertical-align: middle;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.lg-fullscreen:after {
|
||||
content: "\e20c";
|
||||
}
|
||||
.lg-fullscreen-on .lg-fullscreen:after {
|
||||
content: "\e20d";
|
||||
}
|
||||
|
||||
.lg-outer #lg-dropdown-overlay {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
bottom: 0;
|
||||
cursor: default;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 1081;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
|
||||
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
|
||||
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
|
||||
}
|
||||
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
|
||||
-webkit-transition-delay: 0s;
|
||||
transition-delay: 0s;
|
||||
-moz-transform: translate3d(0, 0px, 0);
|
||||
-o-transform: translate3d(0, 0px, 0);
|
||||
-ms-transform: translate3d(0, 0px, 0);
|
||||
-webkit-transform: translate3d(0, 0px, 0);
|
||||
transform: translate3d(0, 0px, 0);
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.lg-outer.lg-dropdown-active #lg-share {
|
||||
color: #FFF;
|
||||
}
|
||||
.lg-outer .lg-dropdown {
|
||||
background-color: #fff;
|
||||
border-radius: 2px;
|
||||
font-size: 14px;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: left;
|
||||
top: 50px;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-moz-transform: translate3d(0, 5px, 0);
|
||||
-o-transform: translate3d(0, 5px, 0);
|
||||
-ms-transform: translate3d(0, 5px, 0);
|
||||
-webkit-transform: translate3d(0, 5px, 0);
|
||||
transform: translate3d(0, 5px, 0);
|
||||
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
|
||||
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
|
||||
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
|
||||
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
|
||||
}
|
||||
.lg-outer .lg-dropdown:after {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
border: 8px solid transparent;
|
||||
border-bottom-color: #FFF;
|
||||
right: 16px;
|
||||
top: -16px;
|
||||
}
|
||||
.lg-outer .lg-dropdown > li:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
|
||||
color: #333;
|
||||
}
|
||||
.lg-outer .lg-dropdown a {
|
||||
color: #333;
|
||||
display: block;
|
||||
white-space: pre;
|
||||
padding: 4px 12px;
|
||||
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
.lg-outer .lg-dropdown a:hover {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.lg-outer .lg-dropdown .lg-dropdown-text {
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
margin-top: -3px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.lg-outer .lg-dropdown .lg-icon {
|
||||
color: #333;
|
||||
display: inline-block;
|
||||
float: none;
|
||||
font-size: 20px;
|
||||
height: auto;
|
||||
line-height: 1;
|
||||
margin-right: 8px;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
width: auto;
|
||||
}
|
||||
.lg-outer #lg-share {
|
||||
position: relative;
|
||||
}
|
||||
.lg-outer #lg-share:after {
|
||||
content: "\e80d";
|
||||
}
|
||||
.lg-outer #lg-share-facebook .lg-icon {
|
||||
color: #3b5998;
|
||||
}
|
||||
.lg-outer #lg-share-facebook .lg-icon:after {
|
||||
content: "\e901";
|
||||
}
|
||||
.lg-outer #lg-share-twitter .lg-icon {
|
||||
color: #00aced;
|
||||
}
|
||||
.lg-outer #lg-share-twitter .lg-icon:after {
|
||||
content: "\e904";
|
||||
}
|
||||
.lg-outer #lg-share-googleplus .lg-icon {
|
||||
color: #dd4b39;
|
||||
}
|
||||
.lg-outer #lg-share-googleplus .lg-icon:after {
|
||||
content: "\e902";
|
||||
}
|
||||
.lg-outer #lg-share-pinterest .lg-icon {
|
||||
color: #cb2027;
|
||||
}
|
||||
.lg-outer #lg-share-pinterest .lg-icon:after {
|
||||
content: "\e903";
|
||||
}
|
||||
|
||||
.group {
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.group:before, .group:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.group:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lg-outer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1050;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.15s ease 0s;
|
||||
-o-transition: opacity 0.15s ease 0s;
|
||||
transition: opacity 0.15s ease 0s;
|
||||
}
|
||||
.lg-outer * {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.lg-outer.lg-visible {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
|
||||
-webkit-transition-duration: inherit !important;
|
||||
transition-duration: inherit !important;
|
||||
-webkit-transition-timing-function: inherit !important;
|
||||
transition-timing-function: inherit !important;
|
||||
}
|
||||
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
|
||||
-webkit-transition-duration: 0s !important;
|
||||
transition-duration: 0s !important;
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer.lg-grab img.lg-object {
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: -o-grab;
|
||||
cursor: -ms-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.lg-outer.lg-grabbing img.lg-object {
|
||||
cursor: move;
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: -o-grabbing;
|
||||
cursor: -ms-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
.lg-outer .lg {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
.lg-outer .lg-inner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.lg-outer .lg-item {
|
||||
background: url("../img/loading.gif") no-repeat scroll center center transparent;
|
||||
display: none !important;
|
||||
}
|
||||
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
|
||||
display: inline-block !important;
|
||||
}
|
||||
.lg-outer.lg-css .lg-current {
|
||||
display: inline-block !important;
|
||||
}
|
||||
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 50%;
|
||||
width: 1px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
.lg-outer .lg-img-wrap {
|
||||
position: absolute;
|
||||
padding: 0 5px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete {
|
||||
background-image: none;
|
||||
}
|
||||
.lg-outer .lg-item.lg-current {
|
||||
z-index: 1060;
|
||||
}
|
||||
.lg-outer .lg-image {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
}
|
||||
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.15s ease 0s;
|
||||
-o-transition: opacity 0.15s ease 0s;
|
||||
transition: opacity 0.15s ease 0s;
|
||||
}
|
||||
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer .lg-empty-html {
|
||||
display: none;
|
||||
}
|
||||
.lg-outer.lg-hide-download #lg-download {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lg-backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 1040;
|
||||
background-color: #000;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.15s ease 0s;
|
||||
-o-transition: opacity 0.15s ease 0s;
|
||||
transition: opacity 0.15s ease 0s;
|
||||
}
|
||||
.lg-backdrop.in {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
|
||||
-webkit-transition: none 0s ease 0s !important;
|
||||
-moz-transition: none 0s ease 0s !important;
|
||||
-o-transition: none 0s ease 0s !important;
|
||||
transition: none 0s ease 0s !important;
|
||||
}
|
||||
.lg-css3.lg-use-css3 .lg-item {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.lg-css3.lg-use-left .lg-item {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.lg-css3.lg-fade .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-fade .lg-item.lg-current {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
|
||||
-webkit-transition: opacity 0.1s ease 0s;
|
||||
-moz-transition: opacity 0.1s ease 0s;
|
||||
-o-transition: opacity 0.1s ease 0s;
|
||||
transition: opacity 0.1s ease 0s;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-left .lg-item {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
|
||||
left: -100%;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
|
||||
left: 100%;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
|
||||
left: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
|
||||
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
|
@ -0,0 +1,47 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>
|
||||
<json>
|
||||
<![CDATA[
|
||||
{
|
||||
"fontFamily": "lg",
|
||||
"majorVersion": 1,
|
||||
"minorVersion": 0,
|
||||
"fontURL": "https://github.com/sachinchoolur/lightGallery",
|
||||
"copyright": "sachin",
|
||||
"license": "MLT",
|
||||
"licenseURL": "http://opensource.org/licenses/MIT",
|
||||
"version": "Version 1.0",
|
||||
"fontId": "lg",
|
||||
"psName": "lg",
|
||||
"subFamily": "Regular",
|
||||
"fullName": "lg",
|
||||
"description": "Font generated by IcoMoon."
|
||||
}
|
||||
]]>
|
||||
</json>
|
||||
</metadata>
|
||||
<defs>
|
||||
<font id="lg" horiz-adv-x="1024">
|
||||
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
||||
<missing-glyph horiz-adv-x="1024" />
|
||||
<glyph unicode=" " horiz-adv-x="512" d="" />
|
||||
<glyph unicode="" glyph-name="pause_circle_outline" data-tags="pause_circle_outline" d="M554 256.667v340h86v-340h-86zM512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM384 256.667v340h86v-340h-86z" />
|
||||
<glyph unicode="" glyph-name="play_circle_outline" data-tags="play_circle_outline" d="M512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM426 234.667v384l256-192z" />
|
||||
<glyph unicode="" glyph-name="stack-2" data-tags="stack-2" d="M384 853.334h426.667q53 0 90.5-37.5t37.5-90.5v-426.667q0-53-37.5-90.5t-90.5-37.5h-426.667q-53 0-90.5 37.5t-37.5 90.5v426.667q0 53 37.5 90.5t90.5 37.5zM170.667 675.334v-547.333q0-17.667 12.5-30.167t30.167-12.5h547.333q-13.333-37.667-46.333-61.5t-74.333-23.833h-426.667q-53 0-90.5 37.5t-37.5 90.5v426.667q0 41.333 23.833 74.333t61.5 46.333zM810.667 768h-426.667q-17.667 0-30.167-12.5t-12.5-30.167v-426.667q0-17.667 12.5-30.167t30.167-12.5h426.667q17.667 0 30.167 12.5t12.5 30.167v426.667q0 17.667-12.5 30.167t-30.167 12.5z" />
|
||||
<glyph unicode="" glyph-name="clear" data-tags="clear" d="M810 664.667l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z" />
|
||||
<glyph unicode="" glyph-name="arrow-left" data-tags="arrow-left" d="M426.667 768q17.667 0 30.167-12.5t12.5-30.167q0-18-12.667-30.333l-225.667-225.667h665q17.667 0 30.167-12.5t12.5-30.167-12.5-30.167-30.167-12.5h-665l225.667-225.667q12.667-12.333 12.667-30.333 0-17.667-12.5-30.167t-30.167-12.5q-18 0-30.333 12.333l-298.667 298.667q-12.333 13-12.333 30.333t12.333 30.333l298.667 298.667q12.667 12.333 30.333 12.333z" />
|
||||
<glyph unicode="" glyph-name="arrow-right" data-tags="arrow-right" d="M597.333 768q18 0 30.333-12.333l298.667-298.667q12.333-12.333 12.333-30.333t-12.333-30.333l-298.667-298.667q-12.333-12.333-30.333-12.333-18.333 0-30.5 12.167t-12.167 30.5q0 18 12.333 30.333l226 225.667h-665q-17.667 0-30.167 12.5t-12.5 30.167 12.5 30.167 30.167 12.5h665l-226 225.667q-12.333 12.333-12.333 30.333 0 18.333 12.167 30.5t30.5 12.167z" />
|
||||
<glyph unicode="" glyph-name="vertical_align_bottom" data-tags="vertical_align_bottom" d="M170 128.667h684v-86h-684v86zM682 384.667l-170-172-170 172h128v426h84v-426h128z" />
|
||||
<glyph unicode="" glyph-name="apps" data-tags="apps" d="M682 84.667v172h172v-172h-172zM682 340.667v172h172v-172h-172zM426 596.667v172h172v-172h-172zM682 768.667h172v-172h-172v172zM426 340.667v172h172v-172h-172zM170 340.667v172h172v-172h-172zM170 84.667v172h172v-172h-172zM426 84.667v172h172v-172h-172zM170 596.667v172h172v-172h-172z" />
|
||||
<glyph unicode="" glyph-name="fullscreen" data-tags="fullscreen" d="M598 724.667h212v-212h-84v128h-128v84zM726 212.667v128h84v-212h-212v84h128zM214 512.667v212h212v-84h-128v-128h-84zM298 340.667v-128h128v-84h-212v212h84z" />
|
||||
<glyph unicode="" glyph-name="fullscreen_exit" data-tags="fullscreen_exit" d="M682 596.667h128v-84h-212v212h84v-128zM598 128.667v212h212v-84h-128v-128h-84zM342 596.667v128h84v-212h-212v84h128zM214 256.667v84h212v-212h-84v128h-128z" />
|
||||
<glyph unicode="" glyph-name="zoom_in" data-tags="zoom_in" d="M512 512.667h-86v-86h-42v86h-86v42h86v86h42v-86h86v-42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z" />
|
||||
<glyph unicode="" glyph-name="zoom_out" data-tags="zoom_out" d="M298 554.667h214v-42h-214v42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z" />
|
||||
<glyph unicode="" glyph-name="share" data-tags="share" d="M768 252.667c68 0 124-56 124-124s-56-126-124-126-124 58-124 126c0 10 0 20 2 28l-302 176c-24-22-54-34-88-34-70 0-128 58-128 128s58 128 128 128c34 0 64-12 88-34l300 174c-2 10-4 20-4 30 0 70 58 128 128 128s128-58 128-128-58-128-128-128c-34 0-64 14-88 36l-300-176c2-10 4-20 4-30s-2-20-4-30l304-176c22 20 52 32 84 32z" />
|
||||
<glyph unicode="" glyph-name="facebook-with-circle" data-tags="facebook-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM628.429 612.659h-73.882c-8.755 0-18.483-11.52-18.483-26.829v-53.35h92.416l-13.978-76.083h-78.438v-228.403h-87.194v228.403h-79.104v76.083h79.104v44.749c0 64.205 44.544 116.378 105.677 116.378h73.882v-80.947z" />
|
||||
<glyph unicode="" glyph-name="google-with-circle" data-tags="google+-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM483.686 249.805c-30.874-15.002-64.102-16.589-76.954-16.589-2.458 0-3.84 0-3.84 0s-1.178 0-2.765 0c-20.070 0-119.962 4.608-119.962 95.59 0 89.395 108.8 96.41 142.131 96.41h0.87c-19.251 25.702-15.258 51.61-15.258 51.61-1.69-0.102-4.147-0.205-7.168-0.205-12.544 0-36.762 1.997-57.549 15.411-25.498 16.384-38.4 44.288-38.4 82.893 0 109.107 119.142 113.51 120.32 113.613h118.989v-2.611c0-13.312-23.91-15.923-40.192-18.125-5.53-0.819-16.64-1.894-19.763-3.482 30.157-16.128 35.021-41.421 35.021-79.104 0-42.906-16.794-65.587-34.611-81.51-11.059-9.882-19.712-17.613-19.712-28.006 0-10.189 11.878-20.582 25.702-32.717 22.579-19.917 53.555-47.002 53.555-92.723 0-47.258-20.326-81.050-60.416-100.454zM742.4 460.8h-76.8v-76.8h-51.2v76.8h-76.8v51.2h76.8v76.8h51.2v-76.8h76.8v-51.2zM421.018 401.92c-2.662 0-5.325-0.102-8.038-0.307-22.733-1.69-43.725-10.189-58.88-24.013-15.053-13.619-22.733-30.822-21.658-48.179 2.304-36.403 41.37-57.702 88.832-54.323 46.694 3.379 77.824 30.31 75.571 66.714-2.15 34.202-31.898 60.109-75.827 60.109zM465.766 599.808c-12.39 43.52-32.358 56.422-63.386 56.422-3.328 0-6.707-0.512-9.933-1.382-13.466-3.84-24.166-15.053-30.106-31.744-6.093-16.896-6.451-34.509-1.229-54.579 9.472-35.891 34.97-61.901 60.672-61.901 3.379 0 6.758 0.41 9.933 1.382 28.109 7.885 45.722 50.79 34.048 91.802z" />
|
||||
<glyph unicode="" glyph-name="pinterest-with-circle" data-tags="pinterest-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM545.638 344.32c-31.539 2.406-44.749 18.022-69.427 32.973-13.568-71.219-30.157-139.52-79.309-175.206-15.206 107.725 22.221 188.518 39.629 274.381-29.645 49.92 3.533 150.323 66.099 125.645 76.954-30.515-66.662-185.6 29.747-205.005 100.659-20.173 141.773 174.694 79.36 237.978-90.214 91.494-262.502 2.099-241.306-128.87 5.12-32 38.246-41.728 13.21-85.914-57.702 12.8-74.957 58.317-72.704 118.989 3.533 99.328 89.242 168.909 175.155 178.483 108.698 12.083 210.688-39.885 224.819-142.182 15.821-115.405-49.101-240.282-165.274-231.27z" />
|
||||
<glyph unicode="" glyph-name="twitter-with-circle" data-tags="twitter-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM711.936 549.683c0.205-4.198 0.256-8.397 0.256-12.493 0-128-97.331-275.507-275.405-275.507-54.682 0-105.574 15.974-148.378 43.52 7.526-0.922 15.258-1.28 23.091-1.28 45.363 0 87.091 15.411 120.218 41.421-42.342 0.819-78.080 28.774-90.419 67.174 5.888-1.075 11.93-1.69 18.176-1.69 8.806 0 17.408 1.178 25.498 3.379-44.288 8.909-77.67 48.026-77.67 94.925v1.178c13.056-7.219 28.006-11.622 43.878-12.134-26.010 17.408-43.059 47.002-43.059 80.64 0 17.715 4.762 34.406 13.107 48.691 47.77-58.573 119.040-97.075 199.526-101.222-1.69 7.117-2.509 14.49-2.509 22.118 0 53.402 43.315 96.819 96.819 96.819 27.802 0 52.992-11.776 70.656-30.618 22.067 4.403 42.752 12.39 61.44 23.501-7.219-22.579-22.528-41.574-42.547-53.606 19.61 2.406 38.246 7.578 55.603 15.309-12.954-19.405-29.389-36.506-48.282-50.125z" />
|
||||
</font></defs></svg>
|
||||
|
After Width: | Height: | Size: 8.6 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 819 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
|
|
@ -0,0 +1,216 @@
|
|||
/**!
|
||||
* lg-autoplay.js | 0.0.1 | August 1st 2016
|
||||
* http://sachinchoolur.github.io/lg-autoplay.js
|
||||
* Copyright (c) 2016 Sachin N;
|
||||
* @license Apache 2.0
|
||||
*/(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.LgAutoplay = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
||||
(function (global, factory) {
|
||||
if (typeof define === "function" && define.amd) {
|
||||
define([], factory);
|
||||
} else if (typeof exports !== "undefined") {
|
||||
factory();
|
||||
} else {
|
||||
var mod = {
|
||||
exports: {}
|
||||
};
|
||||
factory();
|
||||
global.lgAutoplay = mod.exports;
|
||||
}
|
||||
})(this, function () {
|
||||
'use strict';
|
||||
|
||||
var _extends = Object.assign || function (target) {
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
var source = arguments[i];
|
||||
|
||||
for (var key in source) {
|
||||
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
||||
target[key] = source[key];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return target;
|
||||
};
|
||||
|
||||
var autoplayDefaults = {
|
||||
autoplay: false,
|
||||
pause: 5000,
|
||||
progressBar: true,
|
||||
fourceAutoplay: false,
|
||||
autoplayControls: true,
|
||||
appendAutoplayControlsTo: '.lg-toolbar'
|
||||
};
|
||||
|
||||
/**
|
||||
* Creates the autoplay plugin.
|
||||
* @param {object} element - lightGallery element
|
||||
*/
|
||||
var Autoplay = function Autoplay(element) {
|
||||
|
||||
this.el = element;
|
||||
|
||||
this.core = window.lgData[this.el.getAttribute('lg-uid')];
|
||||
|
||||
// Execute only if items are above 1
|
||||
if (this.core.items.length < 2) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this.core.s = _extends({}, autoplayDefaults, this.core.s);
|
||||
this.interval = false;
|
||||
|
||||
// Identify if slide happened from autoplay
|
||||
this.fromAuto = true;
|
||||
|
||||
// Identify if autoplay canceled from touch/drag
|
||||
this.canceledOnTouch = false;
|
||||
|
||||
// save fourceautoplay value
|
||||
this.fourceAutoplayTemp = this.core.s.fourceAutoplay;
|
||||
|
||||
// do not allow progress bar if browser does not support css3 transitions
|
||||
if (!this.core.doCss()) {
|
||||
this.core.s.progressBar = false;
|
||||
}
|
||||
|
||||
this.init();
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Autoplay.prototype.init = function () {
|
||||
var _this = this;
|
||||
|
||||
// append autoplay controls
|
||||
if (_this.core.s.autoplayControls) {
|
||||
_this.controls();
|
||||
}
|
||||
|
||||
// Create progress bar
|
||||
if (_this.core.s.progressBar) {
|
||||
_this.core.outer.querySelector('.lg').insertAdjacentHTML('beforeend', '<div class="lg-progress-bar"><div class="lg-progress"></div></div>');
|
||||
}
|
||||
|
||||
// set progress
|
||||
_this.progress();
|
||||
|
||||
// Start autoplay
|
||||
if (_this.core.s.autoplay) {
|
||||
_this.startlAuto();
|
||||
}
|
||||
|
||||
// cancel interval on touchstart and dragstart
|
||||
utils.on(_this.el, 'onDragstart.lgtm touchstart.lgtm', function () {
|
||||
if (_this.interval) {
|
||||
_this.cancelAuto();
|
||||
_this.canceledOnTouch = true;
|
||||
}
|
||||
});
|
||||
|
||||
// restore autoplay if autoplay canceled from touchstart / dragstart
|
||||
utils.on(_this.el, 'onDragend.lgtm touchend.lgtm onSlideClick.lgtm', function () {
|
||||
if (!_this.interval && _this.canceledOnTouch) {
|
||||
_this.startlAuto();
|
||||
_this.canceledOnTouch = false;
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Autoplay.prototype.progress = function () {
|
||||
|
||||
var _this = this;
|
||||
var _progressBar;
|
||||
var _progress;
|
||||
|
||||
utils.on(_this.el, 'onBeforeSlide.lgtm', function () {
|
||||
|
||||
// start progress bar animation
|
||||
if (_this.core.s.progressBar && _this.fromAuto) {
|
||||
_progressBar = _this.core.outer.querySelector('.lg-progress-bar');
|
||||
_progress = _this.core.outer.querySelector('.lg-progress');
|
||||
if (_this.interval) {
|
||||
_progress.removeAttribute('style');
|
||||
utils.removeClass(_progressBar, 'lg-start');
|
||||
setTimeout(function () {
|
||||
utils.setVendor(_progress, 'Transition', 'width ' + (_this.core.s.speed + _this.core.s.pause) + 'ms ease 0s');
|
||||
utils.addClass(_progressBar, 'lg-start');
|
||||
}, 20);
|
||||
}
|
||||
}
|
||||
|
||||
// Remove setinterval if slide is triggered manually and fourceautoplay is false
|
||||
if (!_this.fromAuto && !_this.core.s.fourceAutoplay) {
|
||||
_this.cancelAuto();
|
||||
}
|
||||
|
||||
_this.fromAuto = false;
|
||||
});
|
||||
};
|
||||
|
||||
// Manage autoplay via play/stop buttons
|
||||
Autoplay.prototype.controls = function () {
|
||||
var _this = this;
|
||||
var _html = '<span class="lg-autoplay-button lg-icon"></span>';
|
||||
|
||||
// Append autoplay controls
|
||||
_this.core.outer.querySelector(this.core.s.appendAutoplayControlsTo).insertAdjacentHTML('beforeend', _html);
|
||||
|
||||
utils.on(_this.core.outer.querySelector('.lg-autoplay-button'), 'click.lg', function () {
|
||||
if (utils.hasClass(_this.core.outer, 'lg-show-autoplay')) {
|
||||
_this.cancelAuto();
|
||||
_this.core.s.fourceAutoplay = false;
|
||||
} else {
|
||||
if (!_this.interval) {
|
||||
_this.startlAuto();
|
||||
_this.core.s.fourceAutoplay = _this.fourceAutoplayTemp;
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// Autostart gallery
|
||||
Autoplay.prototype.startlAuto = function () {
|
||||
var _this = this;
|
||||
|
||||
utils.setVendor(_this.core.outer.querySelector('.lg-progress'), 'Transition', 'width ' + (_this.core.s.speed + _this.core.s.pause) + 'ms ease 0s');
|
||||
utils.addClass(_this.core.outer, 'lg-show-autoplay');
|
||||
utils.addClass(_this.core.outer.querySelector('.lg-progress-bar'), 'lg-start');
|
||||
|
||||
_this.interval = setInterval(function () {
|
||||
if (_this.core.index + 1 < _this.core.items.length) {
|
||||
_this.core.index++;
|
||||
} else {
|
||||
_this.core.index = 0;
|
||||
}
|
||||
|
||||
_this.fromAuto = true;
|
||||
_this.core.slide(_this.core.index, false, false);
|
||||
}, _this.core.s.speed + _this.core.s.pause);
|
||||
};
|
||||
|
||||
// cancel Autostart
|
||||
Autoplay.prototype.cancelAuto = function () {
|
||||
clearInterval(this.interval);
|
||||
this.interval = false;
|
||||
if (this.core.outer.querySelector('.lg-progress')) {
|
||||
this.core.outer.querySelector('.lg-progress').removeAttribute('style');
|
||||
}
|
||||
|
||||
utils.removeClass(this.core.outer, 'lg-show-autoplay');
|
||||
utils.removeClass(this.core.outer.querySelector('.lg-progress-bar'), 'lg-start');
|
||||
};
|
||||
|
||||
Autoplay.prototype.destroy = function () {
|
||||
|
||||
this.cancelAuto();
|
||||
if (this.core.outer.querySelector('.lg-progress-bar')) {
|
||||
this.core.outer.querySelector('.lg-progress-bar').parentNode.removeChild(this.core.outer.querySelector('.lg-progress-bar'));
|
||||
}
|
||||
};
|
||||
|
||||
window.lgModules.autoplay = Autoplay;
|
||||
});
|
||||
|
||||
},{}]},{},[1])(1)
|
||||
});
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
/**!
|
||||
* lg-autoplay.js | 0.0.1 | August 1st 2016
|
||||
* http://sachinchoolur.github.io/lg-autoplay.js
|
||||
* Copyright (c) 2016 Sachin N;
|
||||
* @license Apache 2.0
|
||||
*/
|
||||
!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.LgAutoplay=e()}}(function(){var e,t,o;return function e(t,o,r){function s(n,u){if(!o[n]){if(!t[n]){var i="function"==typeof require&&require;if(!u&&i)return i(n,!0);if(l)return l(n,!0);var c=new Error("Cannot find module '"+n+"'");throw c.code="MODULE_NOT_FOUND",c}var a=o[n]={exports:{}};t[n][0].call(a.exports,function(e){var o=t[n][1][e];return s(o?o:e)},a,a.exports,e,t,o,r)}return o[n].exports}for(var l="function"==typeof require&&require,n=0;n<r.length;n++)s(r[n]);return s}({1:[function(t,o,r){!function(t,o){if("function"==typeof e&&e.amd)e([],o);else if("undefined"!=typeof r)o();else{var s={exports:{}};o(),t.lgAutoplay=s.exports}}(this,function(){"use strict";var e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},t={autoplay:!1,pause:5e3,progressBar:!0,fourceAutoplay:!1,autoplayControls:!0,appendAutoplayControlsTo:".lg-toolbar"},o=function o(r){return this.el=r,this.core=window.lgData[this.el.getAttribute("lg-uid")],!(this.core.items.length<2)&&(this.core.s=e({},t,this.core.s),this.interval=!1,this.fromAuto=!0,this.canceledOnTouch=!1,this.fourceAutoplayTemp=this.core.s.fourceAutoplay,this.core.doCss()||(this.core.s.progressBar=!1),this.init(),this)};o.prototype.init=function(){var e=this;e.core.s.autoplayControls&&e.controls(),e.core.s.progressBar&&e.core.outer.querySelector(".lg").insertAdjacentHTML("beforeend",'<div class="lg-progress-bar"><div class="lg-progress"></div></div>'),e.progress(),e.core.s.autoplay&&e.startlAuto(),utils.on(e.el,"onDragstart.lgtm touchstart.lgtm",function(){e.interval&&(e.cancelAuto(),e.canceledOnTouch=!0)}),utils.on(e.el,"onDragend.lgtm touchend.lgtm onSlideClick.lgtm",function(){!e.interval&&e.canceledOnTouch&&(e.startlAuto(),e.canceledOnTouch=!1)})},o.prototype.progress=function(){var e=this,t,o;utils.on(e.el,"onBeforeSlide.lgtm",function(){e.core.s.progressBar&&e.fromAuto&&(t=e.core.outer.querySelector(".lg-progress-bar"),o=e.core.outer.querySelector(".lg-progress"),e.interval&&(o.removeAttribute("style"),utils.removeClass(t,"lg-start"),setTimeout(function(){utils.setVendor(o,"Transition","width "+(e.core.s.speed+e.core.s.pause)+"ms ease 0s"),utils.addClass(t,"lg-start")},20))),e.fromAuto||e.core.s.fourceAutoplay||e.cancelAuto(),e.fromAuto=!1})},o.prototype.controls=function(){var e=this,t='<span class="lg-autoplay-button lg-icon"></span>';e.core.outer.querySelector(this.core.s.appendAutoplayControlsTo).insertAdjacentHTML("beforeend",t),utils.on(e.core.outer.querySelector(".lg-autoplay-button"),"click.lg",function(){utils.hasClass(e.core.outer,"lg-show-autoplay")?(e.cancelAuto(),e.core.s.fourceAutoplay=!1):e.interval||(e.startlAuto(),e.core.s.fourceAutoplay=e.fourceAutoplayTemp)})},o.prototype.startlAuto=function(){var e=this;utils.setVendor(e.core.outer.querySelector(".lg-progress"),"Transition","width "+(e.core.s.speed+e.core.s.pause)+"ms ease 0s"),utils.addClass(e.core.outer,"lg-show-autoplay"),utils.addClass(e.core.outer.querySelector(".lg-progress-bar"),"lg-start"),e.interval=setInterval(function(){e.core.index+1<e.core.items.length?e.core.index++:e.core.index=0,e.fromAuto=!0,e.core.slide(e.core.index,!1,!1)},e.core.s.speed+e.core.s.pause)},o.prototype.cancelAuto=function(){clearInterval(this.interval),this.interval=!1,this.core.outer.querySelector(".lg-progress")&&this.core.outer.querySelector(".lg-progress").removeAttribute("style"),utils.removeClass(this.core.outer,"lg-show-autoplay"),utils.removeClass(this.core.outer.querySelector(".lg-progress-bar"),"lg-start")},o.prototype.destroy=function(){this.cancelAuto(),this.core.outer.querySelector(".lg-progress-bar")&&this.core.outer.querySelector(".lg-progress-bar").parentNode.removeChild(this.core.outer.querySelector(".lg-progress-bar"))},window.lgModules.autoplay=o})},{}]},{},[1])(1)});
|
||||
|
|
@ -0,0 +1,125 @@
|
|||
/**!
|
||||
* lg-fullscreen.js | 0.0.1 | August 1st 2016
|
||||
* http://sachinchoolur.github.io/lg-fullscreen.js
|
||||
* Copyright (c) 2016 Sachin N;
|
||||
* @license Apache 2.0
|
||||
*/(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.LgFullscreen = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
||||
(function (global, factory) {
|
||||
if (typeof define === "function" && define.amd) {
|
||||
define([], factory);
|
||||
} else if (typeof exports !== "undefined") {
|
||||
factory();
|
||||
} else {
|
||||
var mod = {
|
||||
exports: {}
|
||||
};
|
||||
factory();
|
||||
global.lgFullscreen = mod.exports;
|
||||
}
|
||||
})(this, function () {
|
||||
'use strict';
|
||||
|
||||
var _extends = Object.assign || function (target) {
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
var source = arguments[i];
|
||||
|
||||
for (var key in source) {
|
||||
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
||||
target[key] = source[key];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return target;
|
||||
};
|
||||
|
||||
var fullscreenDefaults = {
|
||||
fullScreen: true
|
||||
};
|
||||
|
||||
var Fullscreen = function Fullscreen(element) {
|
||||
|
||||
this.el = element;
|
||||
|
||||
this.core = window.lgData[this.el.getAttribute('lg-uid')];
|
||||
this.core.s = _extends({}, fullscreenDefaults, this.core.s);
|
||||
|
||||
this.init();
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Fullscreen.prototype.init = function () {
|
||||
var fullScreen = '';
|
||||
if (this.core.s.fullScreen) {
|
||||
|
||||
// check for fullscreen browser support
|
||||
if (!document.fullscreenEnabled && !document.webkitFullscreenEnabled && !document.mozFullScreenEnabled && !document.msFullscreenEnabled) {
|
||||
return;
|
||||
} else {
|
||||
fullScreen = '<span class="lg-fullscreen lg-icon"></span>';
|
||||
this.core.outer.querySelector('.lg-toolbar').insertAdjacentHTML('beforeend', fullScreen);
|
||||
this.fullScreen();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Fullscreen.prototype.requestFullscreen = function () {
|
||||
var el = document.documentElement;
|
||||
if (el.requestFullscreen) {
|
||||
el.requestFullscreen();
|
||||
} else if (el.msRequestFullscreen) {
|
||||
el.msRequestFullscreen();
|
||||
} else if (el.mozRequestFullScreen) {
|
||||
el.mozRequestFullScreen();
|
||||
} else if (el.webkitRequestFullscreen) {
|
||||
el.webkitRequestFullscreen();
|
||||
}
|
||||
};
|
||||
|
||||
Fullscreen.prototype.exitFullscreen = function () {
|
||||
if (document.exitFullscreen) {
|
||||
document.exitFullscreen();
|
||||
} else if (document.msExitFullscreen) {
|
||||
document.msExitFullscreen();
|
||||
} else if (document.mozCancelFullScreen) {
|
||||
document.mozCancelFullScreen();
|
||||
} else if (document.webkitExitFullscreen) {
|
||||
document.webkitExitFullscreen();
|
||||
}
|
||||
};
|
||||
|
||||
// https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
|
||||
Fullscreen.prototype.fullScreen = function () {
|
||||
var _this = this;
|
||||
|
||||
utils.on(document, 'fullscreenchange.lgfullscreen webkitfullscreenchange.lgfullscreen mozfullscreenchange.lgfullscreen MSFullscreenChange.lgfullscreen', function () {
|
||||
if (utils.hasClass(_this.core.outer, 'lg-fullscreen-on')) {
|
||||
utils.removeClass(_this.core.outer, 'lg-fullscreen-on');
|
||||
} else {
|
||||
utils.addClass(_this.core.outer, 'lg-fullscreen-on');
|
||||
}
|
||||
});
|
||||
|
||||
utils.on(this.core.outer.querySelector('.lg-fullscreen'), 'click.lg', function () {
|
||||
if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {
|
||||
_this.requestFullscreen();
|
||||
} else {
|
||||
_this.exitFullscreen();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Fullscreen.prototype.destroy = function () {
|
||||
|
||||
// exit from fullscreen if activated
|
||||
this.exitFullscreen();
|
||||
|
||||
utils.off(document, '.lgfullscreen');
|
||||
};
|
||||
|
||||
window.lgModules.fullscreen = Fullscreen;
|
||||
});
|
||||
|
||||
},{}]},{},[1])(1)
|
||||
});
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
/**!
|
||||
* lg-fullscreen.js | 0.0.1 | August 1st 2016
|
||||
* http://sachinchoolur.github.io/lg-fullscreen.js
|
||||
* Copyright (c) 2016 Sachin N;
|
||||
* @license Apache 2.0
|
||||
*/
|
||||
!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var n;n="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,n.LgFullscreen=e()}}(function(){var e,n,l;return function e(n,l,t){function r(o,c){if(!l[o]){if(!n[o]){var s="function"==typeof require&&require;if(!c&&s)return s(o,!0);if(u)return u(o,!0);var i=new Error("Cannot find module '"+o+"'");throw i.code="MODULE_NOT_FOUND",i}var f=l[o]={exports:{}};n[o][0].call(f.exports,function(e){var l=n[o][1][e];return r(l?l:e)},f,f.exports,e,n,l,t)}return l[o].exports}for(var u="function"==typeof require&&require,o=0;o<t.length;o++)r(t[o]);return r}({1:[function(n,l,t){!function(n,l){if("function"==typeof e&&e.amd)e([],l);else if("undefined"!=typeof t)l();else{var r={exports:{}};l(),n.lgFullscreen=r.exports}}(this,function(){"use strict";var e=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var l=arguments[n];for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&(e[t]=l[t])}return e},n={fullScreen:!0},l=function l(t){return this.el=t,this.core=window.lgData[this.el.getAttribute("lg-uid")],this.core.s=e({},n,this.core.s),this.init(),this};l.prototype.init=function(){var e="";if(this.core.s.fullScreen){if(!(document.fullscreenEnabled||document.webkitFullscreenEnabled||document.mozFullScreenEnabled||document.msFullscreenEnabled))return;e='<span class="lg-fullscreen lg-icon"></span>',this.core.outer.querySelector(".lg-toolbar").insertAdjacentHTML("beforeend",e),this.fullScreen()}},l.prototype.requestFullscreen=function(){var e=document.documentElement;e.requestFullscreen?e.requestFullscreen():e.msRequestFullscreen?e.msRequestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.webkitRequestFullscreen&&e.webkitRequestFullscreen()},l.prototype.exitFullscreen=function(){document.exitFullscreen?document.exitFullscreen():document.msExitFullscreen?document.msExitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen&&document.webkitExitFullscreen()},l.prototype.fullScreen=function(){var e=this;utils.on(document,"fullscreenchange.lgfullscreen webkitfullscreenchange.lgfullscreen mozfullscreenchange.lgfullscreen MSFullscreenChange.lgfullscreen",function(){utils.hasClass(e.core.outer,"lg-fullscreen-on")?utils.removeClass(e.core.outer,"lg-fullscreen-on"):utils.addClass(e.core.outer,"lg-fullscreen-on")}),utils.on(this.core.outer.querySelector(".lg-fullscreen"),"click.lg",function(){document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement?e.exitFullscreen():e.requestFullscreen()})},l.prototype.destroy=function(){this.exitFullscreen(),utils.off(document,".lgfullscreen")},window.lgModules.fullscreen=l})},{}]},{},[1])(1)});
|
||||
|
|
@ -0,0 +1,97 @@
|
|||
/**!
|
||||
* lg-hash.js | 0.0.1 | August 1st 2016
|
||||
* http://sachinchoolur.github.io/lg-hash.js
|
||||
* Copyright (c) 2016 Sachin N;
|
||||
* @license Apache 2.0
|
||||
*/(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.LgHash = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
||||
(function (global, factory) {
|
||||
if (typeof define === "function" && define.amd) {
|
||||
define([], factory);
|
||||
} else if (typeof exports !== "undefined") {
|
||||
factory();
|
||||
} else {
|
||||
var mod = {
|
||||
exports: {}
|
||||
};
|
||||
factory();
|
||||
global.lgHash = mod.exports;
|
||||
}
|
||||
})(this, function () {
|
||||
'use strict';
|
||||
|
||||
var _extends = Object.assign || function (target) {
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
var source = arguments[i];
|
||||
|
||||
for (var key in source) {
|
||||
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
||||
target[key] = source[key];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return target;
|
||||
};
|
||||
|
||||
var hashDefaults = {
|
||||
hash: true
|
||||
};
|
||||
var Hash = function Hash(element) {
|
||||
this.el = element;
|
||||
this.core = window.lgData[this.el.getAttribute('lg-uid')];
|
||||
this.core.s = _extends({}, hashDefaults, this.core.s);
|
||||
if (this.core.s.hash) {
|
||||
this.oldHash = window.location.hash;
|
||||
this.init();
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Hash.prototype.init = function () {
|
||||
var _this = this;
|
||||
var _hash;
|
||||
|
||||
// Change hash value on after each slide transition
|
||||
utils.on(_this.core.el, 'onAfterSlide.lgtm', function (event) {
|
||||
window.location.hash = 'lg=' + _this.core.s.galleryId + '&slide=' + event.detail.index;
|
||||
});
|
||||
|
||||
// Listen hash change and change the slide according to slide value
|
||||
utils.on(window, 'hashchange.lghash', function () {
|
||||
_hash = window.location.hash;
|
||||
var _idx = parseInt(_hash.split('&slide=')[1], 10);
|
||||
|
||||
// it galleryId doesn't exist in the url close the gallery
|
||||
if (_hash.indexOf('lg=' + _this.core.s.galleryId) > -1) {
|
||||
_this.core.slide(_idx, false, false);
|
||||
} else if (_this.core.lGalleryOn) {
|
||||
_this.core.destroy();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Hash.prototype.destroy = function () {
|
||||
if (!this.core.s.hash) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Reset to old hash value
|
||||
if (this.oldHash && this.oldHash.indexOf('lg=' + this.core.s.galleryId) < 0) {
|
||||
window.location.hash = this.oldHash;
|
||||
} else {
|
||||
if (history.pushState) {
|
||||
history.pushState('', document.title, window.location.pathname + window.location.search);
|
||||
} else {
|
||||
window.location.hash = '';
|
||||
}
|
||||
}
|
||||
|
||||
utils.off(this.core.el, '.lghash');
|
||||
};
|
||||
|
||||
window.lgModules.hash = Hash;
|
||||
});
|
||||
|
||||
},{}]},{},[1])(1)
|
||||
});
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
/**!
|
||||
* lg-hash.js | 0.0.1 | August 1st 2016
|
||||
* http://sachinchoolur.github.io/lg-hash.js
|
||||
* Copyright (c) 2016 Sachin N;
|
||||
* @license Apache 2.0
|
||||
*/
|
||||
!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.LgHash=e()}}(function(){var e,t,o;return function e(t,o,i){function n(s,l){if(!o[s]){if(!t[s]){var a="function"==typeof require&&require;if(!l&&a)return a(s,!0);if(r)return r(s,!0);var h=new Error("Cannot find module '"+s+"'");throw h.code="MODULE_NOT_FOUND",h}var f=o[s]={exports:{}};t[s][0].call(f.exports,function(e){var o=t[s][1][e];return n(o?o:e)},f,f.exports,e,t,o,i)}return o[s].exports}for(var r="function"==typeof require&&require,s=0;s<i.length;s++)n(i[s]);return n}({1:[function(t,o,i){!function(t,o){if("function"==typeof e&&e.amd)e([],o);else if("undefined"!=typeof i)o();else{var n={exports:{}};o(),t.lgHash=n.exports}}(this,function(){"use strict";var e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var i in o)Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i])}return e},t={hash:!0},o=function o(i){return this.el=i,this.core=window.lgData[this.el.getAttribute("lg-uid")],this.core.s=e({},t,this.core.s),this.core.s.hash&&(this.oldHash=window.location.hash,this.init()),this};o.prototype.init=function(){var e=this,t;utils.on(e.core.el,"onAfterSlide.lgtm",function(t){window.location.hash="lg="+e.core.s.galleryId+"&slide="+t.detail.index}),utils.on(window,"hashchange.lghash",function(){t=window.location.hash;var o=parseInt(t.split("&slide=")[1],10);t.indexOf("lg="+e.core.s.galleryId)>-1?e.core.slide(o,!1,!1):e.core.lGalleryOn&&e.core.destroy()})},o.prototype.destroy=function(){this.core.s.hash&&(this.oldHash&&this.oldHash.indexOf("lg="+this.core.s.galleryId)<0?window.location.hash=this.oldHash:history.pushState?history.pushState("",document.title,window.location.pathname+window.location.search):window.location.hash="",utils.off(this.core.el,".lghash"))},window.lgModules.hash=o})},{}]},{},[1])(1)});
|
||||
|
|
@ -0,0 +1,120 @@
|
|||
/**!
|
||||
* lg-pager.js | 0.0.1 | August 1st 2016
|
||||
* http://sachinchoolur.github.io/lg-pager.js
|
||||
* Copyright (c) 2016 Sachin N;
|
||||
* @license Apache 2.0
|
||||
*/(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.LgPager = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
||||
(function (global, factory) {
|
||||
if (typeof define === "function" && define.amd) {
|
||||
define([], factory);
|
||||
} else if (typeof exports !== "undefined") {
|
||||
factory();
|
||||
} else {
|
||||
var mod = {
|
||||
exports: {}
|
||||
};
|
||||
factory();
|
||||
global.lgPager = mod.exports;
|
||||
}
|
||||
})(this, function () {
|
||||
'use strict';
|
||||
|
||||
var _extends = Object.assign || function (target) {
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
var source = arguments[i];
|
||||
|
||||
for (var key in source) {
|
||||
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
||||
target[key] = source[key];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return target;
|
||||
};
|
||||
|
||||
var pagerDefaults = {
|
||||
pager: false
|
||||
};
|
||||
|
||||
var Pager = function Pager(element) {
|
||||
|
||||
this.el = element;
|
||||
|
||||
this.core = window.lgData[this.el.getAttribute('lg-uid')];
|
||||
this.core.s = _extends({}, pagerDefaults, this.core.s);
|
||||
|
||||
if (this.core.s.pager && this.core.items.length > 1) {
|
||||
this.init();
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Pager.prototype.init = function () {
|
||||
var _this = this;
|
||||
var pagerList = '';
|
||||
var $pagerCont;
|
||||
var $pagerOuter;
|
||||
var timeout;
|
||||
|
||||
_this.core.outer.querySelector('.lg').insertAdjacentHTML('beforeend', '<div class="lg-pager-outer"></div>');
|
||||
|
||||
if (_this.core.s.dynamic) {
|
||||
for (var j = 0; j < _this.core.s.dynamicEl.length; j++) {
|
||||
pagerList += '<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="' + _this.core.s.dynamicEl[j].thumb + '" /></div></span>';
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < _this.core.items.length; i++) {
|
||||
if (!_this.core.s.exThumbImage) {
|
||||
pagerList += '<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="' + _this.core.items[i].querySelector('img').getAttribute('src') + '" /></div></span>';
|
||||
} else {
|
||||
pagerList += '<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="' + _this.core.items[i].getAttribute(_this.core.s.exThumbImage) + '" /></div></span>';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$pagerOuter = _this.core.outer.querySelector('.lg-pager-outer');
|
||||
|
||||
$pagerOuter.innerHTML = pagerList;
|
||||
|
||||
$pagerCont = _this.core.outer.querySelectorAll('.lg-pager-cont');
|
||||
for (var k = 0; k < $pagerCont.length; k++) {
|
||||
|
||||
/*jshint loopfunc: true */
|
||||
(function (index) {
|
||||
utils.on($pagerCont[index], 'click.lg touchend.lg', function () {
|
||||
_this.core.index = index;
|
||||
_this.core.slide(_this.core.index, false, false);
|
||||
});
|
||||
})(k);
|
||||
}
|
||||
|
||||
utils.on($pagerOuter, 'mouseover.lg', function () {
|
||||
clearTimeout(timeout);
|
||||
utils.addClass($pagerOuter, 'lg-pager-hover');
|
||||
});
|
||||
|
||||
utils.on($pagerOuter, 'mouseout.lg', function () {
|
||||
timeout = setTimeout(function () {
|
||||
utils.removeClass($pagerOuter, 'lg-pager-hover');
|
||||
});
|
||||
});
|
||||
|
||||
utils.on(_this.core.el, 'onBeforeSlide.lgtm', function (e) {
|
||||
for (var n = 0; n < $pagerCont.length; n++) {
|
||||
utils.removeClass($pagerCont[n], 'lg-pager-active');
|
||||
if (e.detail.index === n) {
|
||||
utils.addClass($pagerCont[n], 'lg-pager-active');
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Pager.prototype.destroy = function () {};
|
||||
|
||||
window.lgModules.pager = Pager;
|
||||
});
|
||||
|
||||
},{}]},{},[1])(1)
|
||||
});
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
/**!
|
||||
* lg-pager.js | 0.0.1 | August 1st 2016
|
||||
* http://sachinchoolur.github.io/lg-pager.js
|
||||
* Copyright (c) 2016 Sachin N;
|
||||
* @license Apache 2.0
|
||||
*/
|
||||
!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.LgPager=e()}}(function(){var e,t,r;return function e(t,r,n){function o(i,a){if(!r[i]){if(!t[i]){var l="function"==typeof require&&require;if(!a&&l)return l(i,!0);if(s)return s(i,!0);var c=new Error("Cannot find module '"+i+"'");throw c.code="MODULE_NOT_FOUND",c}var u=r[i]={exports:{}};t[i][0].call(u.exports,function(e){var r=t[i][1][e];return o(r?r:e)},u,u.exports,e,t,r,n)}return r[i].exports}for(var s="function"==typeof require&&require,i=0;i<n.length;i++)o(n[i]);return o}({1:[function(t,r,n){!function(t,r){if("function"==typeof e&&e.amd)e([],r);else if("undefined"!=typeof n)r();else{var o={exports:{}};r(),t.lgPager=o.exports}}(this,function(){"use strict";var e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},t={pager:!1},r=function r(n){return this.el=n,this.core=window.lgData[this.el.getAttribute("lg-uid")],this.core.s=e({},t,this.core.s),this.core.s.pager&&this.core.items.length>1&&this.init(),this};r.prototype.init=function(){var e=this,t="",r,n,o;if(e.core.outer.querySelector(".lg").insertAdjacentHTML("beforeend",'<div class="lg-pager-outer"></div>'),e.core.s.dynamic)for(var s=0;s<e.core.s.dynamicEl.length;s++)t+='<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="'+e.core.s.dynamicEl[s].thumb+'" /></div></span>';else for(var i=0;i<e.core.items.length;i++)t+=e.core.s.exThumbImage?'<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="'+e.core.items[i].getAttribute(e.core.s.exThumbImage)+'" /></div></span>':'<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="'+e.core.items[i].querySelector("img").getAttribute("src")+'" /></div></span>';n=e.core.outer.querySelector(".lg-pager-outer"),n.innerHTML=t,r=e.core.outer.querySelectorAll(".lg-pager-cont");for(var a=0;a<r.length;a++)!function(t){utils.on(r[t],"click.lg touchend.lg",function(){e.core.index=t,e.core.slide(e.core.index,!1,!1)})}(a);utils.on(n,"mouseover.lg",function(){clearTimeout(o),utils.addClass(n,"lg-pager-hover")}),utils.on(n,"mouseout.lg",function(){o=setTimeout(function(){utils.removeClass(n,"lg-pager-hover")})}),utils.on(e.core.el,"onBeforeSlide.lgtm",function(e){for(var t=0;t<r.length;t++)utils.removeClass(r[t],"lg-pager-active"),e.detail.index===t&&utils.addClass(r[t],"lg-pager-active")})},r.prototype.destroy=function(){},window.lgModules.pager=r})},{}]},{},[1])(1)});
|
||||
|
|
@ -0,0 +1,105 @@
|
|||
/**!
|
||||
* lg-share.js | 0.0.1 | August 1st 2016
|
||||
* http://sachinchoolur.github.io/lg-share.js
|
||||
* Copyright (c) 2016 Sachin N;
|
||||
* @license Apache 2.0
|
||||
*/(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.LgShare = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
||||
(function (global, factory) {
|
||||
if (typeof define === "function" && define.amd) {
|
||||
define([], factory);
|
||||
} else if (typeof exports !== "undefined") {
|
||||
factory();
|
||||
} else {
|
||||
var mod = {
|
||||
exports: {}
|
||||
};
|
||||
factory();
|
||||
global.lgShare = mod.exports;
|
||||
}
|
||||
})(this, function () {
|
||||
'use strict';
|
||||
|
||||
var _extends = Object.assign || function (target) {
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
var source = arguments[i];
|
||||
|
||||
for (var key in source) {
|
||||
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
||||
target[key] = source[key];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return target;
|
||||
};
|
||||
|
||||
var shareSefaults = {
|
||||
share: true,
|
||||
facebook: true,
|
||||
facebookDropdownText: 'Facebook',
|
||||
twitter: true,
|
||||
twitterDropdownText: 'Twitter',
|
||||
googlePlus: true,
|
||||
googlePlusDropdownText: 'GooglePlus',
|
||||
pinterest: true,
|
||||
pinterestDropdownText: 'Pinterest'
|
||||
};
|
||||
|
||||
var Share = function Share(element) {
|
||||
|
||||
this.el = element;
|
||||
|
||||
this.core = window.lgData[this.el.getAttribute('lg-uid')];
|
||||
this.core.s = _extends({}, shareSefaults, this.core.s);
|
||||
|
||||
if (this.core.s.share) {
|
||||
this.init();
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Share.prototype.init = function () {
|
||||
var _this = this;
|
||||
var shareHtml = '<span id="lg-share" class="lg-icon">' + '<ul class="lg-dropdown" style="position: absolute;">';
|
||||
shareHtml += _this.core.s.facebook ? '<li><a id="lg-share-facebook" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">' + this.core.s.facebookDropdownText + '</span></a></li>' : '';
|
||||
shareHtml += _this.core.s.twitter ? '<li><a id="lg-share-twitter" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">' + this.core.s.twitterDropdownText + '</span></a></li>' : '';
|
||||
shareHtml += _this.core.s.googlePlus ? '<li><a id="lg-share-googleplus" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">' + this.core.s.googlePlusDropdownText + '</span></a></li>' : '';
|
||||
shareHtml += _this.core.s.pinterest ? '<li><a id="lg-share-pinterest" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">' + this.core.s.pinterestDropdownText + '</span></a></li>' : '';
|
||||
shareHtml += '</ul></span>';
|
||||
|
||||
this.core.outer.querySelector('.lg-toolbar').insertAdjacentHTML('beforeend', shareHtml);
|
||||
this.core.outer.querySelector('.lg').insertAdjacentHTML('beforeend', '<div id="lg-dropdown-overlay"></div>');
|
||||
utils.on(document.getElementById('lg-share'), 'click.lg', function () {
|
||||
if (utils.hasClass(_this.core.outer, 'lg-dropdown-active')) {
|
||||
utils.removeClass(_this.core.outer, 'lg-dropdown-active');
|
||||
} else {
|
||||
utils.addClass(_this.core.outer, 'lg-dropdown-active');
|
||||
}
|
||||
});
|
||||
|
||||
utils.on(document.getElementById('lg-dropdown-overlay'), 'click.lg', function () {
|
||||
utils.removeClass(_this.core.outer, 'lg-dropdown-active');
|
||||
});
|
||||
|
||||
utils.on(_this.core.el, 'onAfterSlide.lgtm', function (event) {
|
||||
|
||||
setTimeout(function () {
|
||||
document.getElementById('lg-share-facebook').setAttribute('href', 'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(_this.core.items[event.detail.index].getAttribute('data-facebook-share-url') || window.location.href));
|
||||
|
||||
document.getElementById('lg-share-twitter').setAttribute('href', 'https://twitter.com/intent/tweet?text=' + _this.core.items[event.detail.index].getAttribute('data-tweet-text') + '&url=' + encodeURIComponent(_this.core.items[event.detail.index].getAttribute('data-twitter-share-url') || window.location.href));
|
||||
|
||||
document.getElementById('lg-share-googleplus').setAttribute('href', 'https://plus.google.com/share?url=' + encodeURIComponent(_this.core.items[event.detail.index].getAttribute('data-googleplus-share-url') || window.location.href));
|
||||
|
||||
document.getElementById('lg-share-pinterest').setAttribute('href', 'http://www.pinterest.com/pin/create/button/?url=' + encodeURIComponent(_this.core.items[event.detail.index].getAttribute('data-pinterest-share-url') || window.location.href) + '&media=' + encodeURIComponent(_this.core.items[event.detail.index].getAttribute('href') || _this.core.items[event.detail.index].getAttribute('data-src')) + '&description=' + _this.core.items[event.detail.index].getAttribute('data-pinterest-text'));
|
||||
}, 100);
|
||||
});
|
||||
};
|
||||
|
||||
Share.prototype.destroy = function () {};
|
||||
|
||||
window.lgModules.share = Share;
|
||||
});
|
||||
|
||||
},{}]},{},[1])(1)
|
||||
});
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
/**!
|
||||
* lg-share.js | 0.0.1 | August 1st 2016
|
||||
* http://sachinchoolur.github.io/lg-share.js
|
||||
* Copyright (c) 2016 Sachin N;
|
||||
* @license Apache 2.0
|
||||
*/
|
||||
!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.LgShare=e()}}(function(){var e,t,o;return function e(t,o,r){function n(s,l){if(!o[s]){if(!t[s]){var a="function"==typeof require&&require;if(!l&&a)return a(s,!0);if(i)return i(s,!0);var d=new Error("Cannot find module '"+s+"'");throw d.code="MODULE_NOT_FOUND",d}var c=o[s]={exports:{}};t[s][0].call(c.exports,function(e){var o=t[s][1][e];return n(o?o:e)},c,c.exports,e,t,o,r)}return o[s].exports}for(var i="function"==typeof require&&require,s=0;s<r.length;s++)n(r[s]);return n}({1:[function(t,o,r){!function(t,o){if("function"==typeof e&&e.amd)e([],o);else if("undefined"!=typeof r)o();else{var n={exports:{}};o(),t.lgShare=n.exports}}(this,function(){"use strict";var e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},t={share:!0,facebook:!0,facebookDropdownText:"Facebook",twitter:!0,twitterDropdownText:"Twitter",googlePlus:!0,googlePlusDropdownText:"GooglePlus",pinterest:!0,pinterestDropdownText:"Pinterest"},o=function o(r){return this.el=r,this.core=window.lgData[this.el.getAttribute("lg-uid")],this.core.s=e({},t,this.core.s),this.core.s.share&&this.init(),this};o.prototype.init=function(){var e=this,t='<span id="lg-share" class="lg-icon"><ul class="lg-dropdown" style="position: absolute;">';t+=e.core.s.facebook?'<li><a id="lg-share-facebook" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">'+this.core.s.facebookDropdownText+"</span></a></li>":"",t+=e.core.s.twitter?'<li><a id="lg-share-twitter" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">'+this.core.s.twitterDropdownText+"</span></a></li>":"",t+=e.core.s.googlePlus?'<li><a id="lg-share-googleplus" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">'+this.core.s.googlePlusDropdownText+"</span></a></li>":"",t+=e.core.s.pinterest?'<li><a id="lg-share-pinterest" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">'+this.core.s.pinterestDropdownText+"</span></a></li>":"",t+="</ul></span>",this.core.outer.querySelector(".lg-toolbar").insertAdjacentHTML("beforeend",t),this.core.outer.querySelector(".lg").insertAdjacentHTML("beforeend",'<div id="lg-dropdown-overlay"></div>'),utils.on(document.getElementById("lg-share"),"click.lg",function(){utils.hasClass(e.core.outer,"lg-dropdown-active")?utils.removeClass(e.core.outer,"lg-dropdown-active"):utils.addClass(e.core.outer,"lg-dropdown-active")}),utils.on(document.getElementById("lg-dropdown-overlay"),"click.lg",function(){utils.removeClass(e.core.outer,"lg-dropdown-active")}),utils.on(e.core.el,"onAfterSlide.lgtm",function(t){setTimeout(function(){document.getElementById("lg-share-facebook").setAttribute("href","https://www.facebook.com/sharer/sharer.php?u="+encodeURIComponent(e.core.items[t.detail.index].getAttribute("data-facebook-share-url")||window.location.href)),document.getElementById("lg-share-twitter").setAttribute("href","https://twitter.com/intent/tweet?text="+e.core.items[t.detail.index].getAttribute("data-tweet-text")+"&url="+encodeURIComponent(e.core.items[t.detail.index].getAttribute("data-twitter-share-url")||window.location.href)),document.getElementById("lg-share-googleplus").setAttribute("href","https://plus.google.com/share?url="+encodeURIComponent(e.core.items[t.detail.index].getAttribute("data-googleplus-share-url")||window.location.href)),document.getElementById("lg-share-pinterest").setAttribute("href","http://www.pinterest.com/pin/create/button/?url="+encodeURIComponent(e.core.items[t.detail.index].getAttribute("data-pinterest-share-url")||window.location.href)+"&media="+encodeURIComponent(e.core.items[t.detail.index].getAttribute("href")||e.core.items[t.detail.index].getAttribute("data-src"))+"&description="+e.core.items[t.detail.index].getAttribute("data-pinterest-text"))},100)})},o.prototype.destroy=function(){},window.lgModules.share=o})},{}]},{},[1])(1)});
|
||||
|
|
@ -0,0 +1,491 @@
|
|||
/**!
|
||||
* lg-thumbnail.js | 0.0.4 | August 9th 2016
|
||||
* http://sachinchoolur.github.io/lg-thumbnail.js
|
||||
* Copyright (c) 2016 Sachin N;
|
||||
* @license Apache 2.0
|
||||
*/(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.LgThumbnail = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
||||
(function (global, factory) {
|
||||
if (typeof define === "function" && define.amd) {
|
||||
define([], factory);
|
||||
} else if (typeof exports !== "undefined") {
|
||||
factory();
|
||||
} else {
|
||||
var mod = {
|
||||
exports: {}
|
||||
};
|
||||
factory();
|
||||
global.lgThumbnail = mod.exports;
|
||||
}
|
||||
})(this, function () {
|
||||
'use strict';
|
||||
|
||||
var _extends = Object.assign || function (target) {
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
var source = arguments[i];
|
||||
|
||||
for (var key in source) {
|
||||
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
||||
target[key] = source[key];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return target;
|
||||
};
|
||||
|
||||
var thumbnailDefaults = {
|
||||
thumbnail: true,
|
||||
|
||||
animateThumb: true,
|
||||
currentPagerPosition: 'middle',
|
||||
|
||||
thumbWidth: 100,
|
||||
thumbContHeight: 100,
|
||||
thumbMargin: 5,
|
||||
|
||||
exThumbImage: false,
|
||||
showThumbByDefault: true,
|
||||
toggleThumb: true,
|
||||
pullCaptionUp: true,
|
||||
|
||||
enableThumbDrag: true,
|
||||
enableThumbSwipe: true,
|
||||
swipeThreshold: 50,
|
||||
|
||||
loadYoutubeThumbnail: true,
|
||||
youtubeThumbSize: 1,
|
||||
|
||||
loadVimeoThumbnail: true,
|
||||
vimeoThumbSize: 'thumbnail_small',
|
||||
|
||||
loadDailymotionThumbnail: true
|
||||
};
|
||||
|
||||
var Thumbnail = function Thumbnail(element) {
|
||||
|
||||
this.el = element;
|
||||
|
||||
this.core = window.lgData[this.el.getAttribute('lg-uid')];
|
||||
this.core.s = _extends({}, thumbnailDefaults, this.core.s);
|
||||
|
||||
this.thumbOuter = null;
|
||||
this.thumbOuterWidth = 0;
|
||||
this.thumbTotalWidth = this.core.items.length * (this.core.s.thumbWidth + this.core.s.thumbMargin);
|
||||
this.thumbIndex = this.core.index;
|
||||
|
||||
// Thumbnail animation value
|
||||
this.left = 0;
|
||||
|
||||
this.init();
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Thumbnail.prototype.init = function () {
|
||||
var _this = this;
|
||||
if (this.core.s.thumbnail && this.core.items.length > 1) {
|
||||
if (this.core.s.showThumbByDefault) {
|
||||
setTimeout(function () {
|
||||
utils.addClass(_this.core.outer, 'lg-thumb-open');
|
||||
}, 700);
|
||||
}
|
||||
|
||||
if (this.core.s.pullCaptionUp) {
|
||||
utils.addClass(this.core.outer, 'lg-pull-caption-up');
|
||||
}
|
||||
|
||||
this.build();
|
||||
if (this.core.s.animateThumb) {
|
||||
if (this.core.s.enableThumbDrag && !this.core.isTouch && this.core.doCss()) {
|
||||
this.enableThumbDrag();
|
||||
}
|
||||
|
||||
if (this.core.s.enableThumbSwipe && this.core.isTouch && this.core.doCss()) {
|
||||
this.enableThumbSwipe();
|
||||
}
|
||||
|
||||
this.thumbClickable = false;
|
||||
} else {
|
||||
this.thumbClickable = true;
|
||||
}
|
||||
|
||||
this.toggle();
|
||||
this.thumbkeyPress();
|
||||
}
|
||||
};
|
||||
|
||||
Thumbnail.prototype.build = function () {
|
||||
var _this = this;
|
||||
var thumbList = '';
|
||||
var vimeoErrorThumbSize = '';
|
||||
var $thumb;
|
||||
var html = '<div class="lg-thumb-outer">' + '<div class="lg-thumb group">' + '</div>' + '</div>';
|
||||
|
||||
switch (this.core.s.vimeoThumbSize) {
|
||||
case 'thumbnail_large':
|
||||
vimeoErrorThumbSize = '640';
|
||||
break;
|
||||
case 'thumbnail_medium':
|
||||
vimeoErrorThumbSize = '200x150';
|
||||
break;
|
||||
case 'thumbnail_small':
|
||||
vimeoErrorThumbSize = '100x75';
|
||||
}
|
||||
|
||||
utils.addClass(_this.core.outer, 'lg-has-thumb');
|
||||
|
||||
_this.core.outer.querySelector('.lg').insertAdjacentHTML('beforeend', html);
|
||||
|
||||
_this.thumbOuter = _this.core.outer.querySelector('.lg-thumb-outer');
|
||||
_this.thumbOuterWidth = _this.thumbOuter.offsetWidth;
|
||||
|
||||
if (_this.core.s.animateThumb) {
|
||||
_this.core.outer.querySelector('.lg-thumb').style.width = _this.thumbTotalWidth + 'px';
|
||||
_this.core.outer.querySelector('.lg-thumb').style.position = 'relative';
|
||||
}
|
||||
|
||||
if (this.core.s.animateThumb) {
|
||||
_this.thumbOuter.style.height = _this.core.s.thumbContHeight + 'px';
|
||||
}
|
||||
|
||||
function getThumb(src, thumb, index) {
|
||||
var isVideo = _this.core.isVideo(src, index) || {};
|
||||
var thumbImg;
|
||||
var vimeoId = '';
|
||||
|
||||
if (isVideo.youtube || isVideo.vimeo || isVideo.dailymotion) {
|
||||
if (isVideo.youtube) {
|
||||
if (_this.core.s.loadYoutubeThumbnail) {
|
||||
thumbImg = '//img.youtube.com/vi/' + isVideo.youtube[1] + '/' + _this.core.s.youtubeThumbSize + '.jpg';
|
||||
} else {
|
||||
thumbImg = thumb;
|
||||
}
|
||||
} else if (isVideo.vimeo) {
|
||||
if (_this.core.s.loadVimeoThumbnail) {
|
||||
thumbImg = '//i.vimeocdn.com/video/error_' + vimeoErrorThumbSize + '.jpg';
|
||||
vimeoId = isVideo.vimeo[1];
|
||||
} else {
|
||||
thumbImg = thumb;
|
||||
}
|
||||
} else if (isVideo.dailymotion) {
|
||||
if (_this.core.s.loadDailymotionThumbnail) {
|
||||
thumbImg = '//www.dailymotion.com/thumbnail/video/' + isVideo.dailymotion[1];
|
||||
} else {
|
||||
thumbImg = thumb;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
thumbImg = thumb;
|
||||
}
|
||||
|
||||
thumbList += '<div data-vimeo-id="' + vimeoId + '" class="lg-thumb-item" style="width:' + _this.core.s.thumbWidth + 'px; margin-right: ' + _this.core.s.thumbMargin + 'px"><img src="' + thumbImg + '" /></div>';
|
||||
vimeoId = '';
|
||||
}
|
||||
|
||||
if (_this.core.s.dynamic) {
|
||||
for (var j = 0; j < _this.core.s.dynamicEl.length; j++) {
|
||||
getThumb(_this.core.s.dynamicEl[j].src, _this.core.s.dynamicEl[j].thumb, j);
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < _this.core.items.length; i++) {
|
||||
if (!_this.core.s.exThumbImage) {
|
||||
getThumb(_this.core.items[i].getAttribute('href') || _this.core.items[i].getAttribute('data-src'), _this.core.items[i].querySelector('img').getAttribute('src'), i);
|
||||
} else {
|
||||
getThumb(_this.core.items[i].getAttribute('href') || _this.core.items[i].getAttribute('data-src'), _this.core.items[i].getAttribute(_this.core.s.exThumbImage), i);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
_this.core.outer.querySelector('.lg-thumb').innerHTML = thumbList;
|
||||
|
||||
$thumb = _this.core.outer.querySelectorAll('.lg-thumb-item');
|
||||
|
||||
for (var n = 0; n < $thumb.length; n++) {
|
||||
|
||||
/*jshint loopfunc: true */
|
||||
(function (index) {
|
||||
var $this = $thumb[index];
|
||||
var vimeoVideoId = $this.getAttribute('data-vimeo-id');
|
||||
if (vimeoVideoId) {
|
||||
|
||||
window['lgJsonP' + _this.el.getAttribute('lg-uid') + '' + n] = function (content) {
|
||||
$this.querySelector('img').setAttribute('src', content[0][_this.core.s.vimeoThumbSize]);
|
||||
};
|
||||
|
||||
var script = document.createElement('script');
|
||||
script.className = 'lg-script';
|
||||
script.src = '//www.vimeo.com/api/v2/video/' + vimeoVideoId + '.json?callback=lgJsonP' + _this.el.getAttribute('lg-uid') + '' + n;
|
||||
document.body.appendChild(script);
|
||||
}
|
||||
})(n);
|
||||
}
|
||||
|
||||
// manage active class for thumbnail
|
||||
utils.addClass($thumb[_this.core.index], 'active');
|
||||
utils.on(_this.core.el, 'onBeforeSlide.lgtm', function () {
|
||||
|
||||
for (var j = 0; j < $thumb.length; j++) {
|
||||
utils.removeClass($thumb[j], 'active');
|
||||
}
|
||||
|
||||
utils.addClass($thumb[_this.core.index], 'active');
|
||||
});
|
||||
|
||||
for (var k = 0; k < $thumb.length; k++) {
|
||||
|
||||
/*jshint loopfunc: true */
|
||||
(function (index) {
|
||||
|
||||
utils.on($thumb[index], 'click.lg touchend.lg', function () {
|
||||
|
||||
setTimeout(function () {
|
||||
|
||||
// In IE9 and bellow touch does not support
|
||||
// Go to slide if browser does not support css transitions
|
||||
if (_this.thumbClickable && !_this.core.lgBusy || !_this.core.doCss()) {
|
||||
_this.core.index = index;
|
||||
_this.core.slide(_this.core.index, false, true);
|
||||
}
|
||||
}, 50);
|
||||
});
|
||||
})(k);
|
||||
}
|
||||
|
||||
utils.on(_this.core.el, 'onBeforeSlide.lgtm', function () {
|
||||
_this.animateThumb(_this.core.index);
|
||||
});
|
||||
|
||||
utils.on(window, 'resize.lgthumb orientationchange.lgthumb', function () {
|
||||
setTimeout(function () {
|
||||
_this.animateThumb(_this.core.index);
|
||||
_this.thumbOuterWidth = _this.thumbOuter.offsetWidth;
|
||||
}, 200);
|
||||
});
|
||||
};
|
||||
|
||||
Thumbnail.prototype.setTranslate = function (value) {
|
||||
utils.setVendor(this.core.outer.querySelector('.lg-thumb'), 'Transform', 'translate3d(-' + value + 'px, 0px, 0px)');
|
||||
};
|
||||
|
||||
Thumbnail.prototype.animateThumb = function (index) {
|
||||
var $thumb = this.core.outer.querySelector('.lg-thumb');
|
||||
if (this.core.s.animateThumb) {
|
||||
var position;
|
||||
switch (this.core.s.currentPagerPosition) {
|
||||
case 'left':
|
||||
position = 0;
|
||||
break;
|
||||
case 'middle':
|
||||
position = this.thumbOuterWidth / 2 - this.core.s.thumbWidth / 2;
|
||||
break;
|
||||
case 'right':
|
||||
position = this.thumbOuterWidth - this.core.s.thumbWidth;
|
||||
}
|
||||
this.left = (this.core.s.thumbWidth + this.core.s.thumbMargin) * index - 1 - position;
|
||||
if (this.left > this.thumbTotalWidth - this.thumbOuterWidth) {
|
||||
this.left = this.thumbTotalWidth - this.thumbOuterWidth;
|
||||
}
|
||||
|
||||
if (this.left < 0) {
|
||||
this.left = 0;
|
||||
}
|
||||
|
||||
if (this.core.lGalleryOn) {
|
||||
if (!utils.hasClass($thumb, 'on')) {
|
||||
utils.setVendor(this.core.outer.querySelector('.lg-thumb'), 'TransitionDuration', this.core.s.speed + 'ms');
|
||||
}
|
||||
|
||||
if (!this.core.doCss()) {
|
||||
$thumb.style.left = -this.left + 'px';
|
||||
}
|
||||
} else {
|
||||
if (!this.core.doCss()) {
|
||||
$thumb.style.left = -this.left + 'px';
|
||||
}
|
||||
}
|
||||
|
||||
this.setTranslate(this.left);
|
||||
}
|
||||
};
|
||||
|
||||
// Enable thumbnail dragging and swiping
|
||||
Thumbnail.prototype.enableThumbDrag = function () {
|
||||
|
||||
var _this = this;
|
||||
var startCoords = 0;
|
||||
var endCoords = 0;
|
||||
var isDraging = false;
|
||||
var isMoved = false;
|
||||
var tempLeft = 0;
|
||||
|
||||
utils.addClass(_this.thumbOuter, 'lg-grab');
|
||||
|
||||
utils.on(_this.core.outer.querySelector('.lg-thumb'), 'mousedown.lgthumb', function (e) {
|
||||
if (_this.thumbTotalWidth > _this.thumbOuterWidth) {
|
||||
// execute only on .lg-object
|
||||
e.preventDefault();
|
||||
startCoords = e.pageX;
|
||||
isDraging = true;
|
||||
|
||||
// ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723
|
||||
_this.core.outer.scrollLeft += 1;
|
||||
_this.core.outer.scrollLeft -= 1;
|
||||
|
||||
// *
|
||||
_this.thumbClickable = false;
|
||||
utils.removeClass(_this.thumbOuter, 'lg-grab');
|
||||
utils.addClass(_this.thumbOuter, 'lg-grabbing');
|
||||
}
|
||||
});
|
||||
|
||||
utils.on(window, 'mousemove.lgthumb', function (e) {
|
||||
if (isDraging) {
|
||||
tempLeft = _this.left;
|
||||
isMoved = true;
|
||||
endCoords = e.pageX;
|
||||
|
||||
utils.addClass(_this.thumbOuter, 'lg-dragging');
|
||||
|
||||
tempLeft = tempLeft - (endCoords - startCoords);
|
||||
|
||||
if (tempLeft > _this.thumbTotalWidth - _this.thumbOuterWidth) {
|
||||
tempLeft = _this.thumbTotalWidth - _this.thumbOuterWidth;
|
||||
}
|
||||
|
||||
if (tempLeft < 0) {
|
||||
tempLeft = 0;
|
||||
}
|
||||
|
||||
// move current slide
|
||||
_this.setTranslate(tempLeft);
|
||||
}
|
||||
});
|
||||
|
||||
utils.on(window, 'mouseup.lgthumb', function () {
|
||||
if (isMoved) {
|
||||
isMoved = false;
|
||||
utils.removeClass(_this.thumbOuter, 'lg-dragging');
|
||||
|
||||
_this.left = tempLeft;
|
||||
|
||||
if (Math.abs(endCoords - startCoords) < _this.core.s.swipeThreshold) {
|
||||
_this.thumbClickable = true;
|
||||
}
|
||||
} else {
|
||||
_this.thumbClickable = true;
|
||||
}
|
||||
|
||||
if (isDraging) {
|
||||
isDraging = false;
|
||||
utils.removeClass(_this.thumbOuter, 'lg-grabbing');
|
||||
utils.addClass(_this.thumbOuter, 'lg-grab');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Thumbnail.prototype.enableThumbSwipe = function () {
|
||||
var _this = this;
|
||||
var startCoords = 0;
|
||||
var endCoords = 0;
|
||||
var isMoved = false;
|
||||
var tempLeft = 0;
|
||||
|
||||
utils.on(_this.core.outer.querySelector('.lg-thumb'), 'touchstart.lg', function (e) {
|
||||
if (_this.thumbTotalWidth > _this.thumbOuterWidth) {
|
||||
e.preventDefault();
|
||||
startCoords = e.targetTouches[0].pageX;
|
||||
_this.thumbClickable = false;
|
||||
}
|
||||
});
|
||||
|
||||
utils.on(_this.core.outer.querySelector('.lg-thumb'), 'touchmove.lg', function (e) {
|
||||
if (_this.thumbTotalWidth > _this.thumbOuterWidth) {
|
||||
e.preventDefault();
|
||||
endCoords = e.targetTouches[0].pageX;
|
||||
isMoved = true;
|
||||
|
||||
utils.addClass(_this.thumbOuter, 'lg-dragging');
|
||||
|
||||
tempLeft = _this.left;
|
||||
|
||||
tempLeft = tempLeft - (endCoords - startCoords);
|
||||
|
||||
if (tempLeft > _this.thumbTotalWidth - _this.thumbOuterWidth) {
|
||||
tempLeft = _this.thumbTotalWidth - _this.thumbOuterWidth;
|
||||
}
|
||||
|
||||
if (tempLeft < 0) {
|
||||
tempLeft = 0;
|
||||
}
|
||||
|
||||
// move current slide
|
||||
_this.setTranslate(tempLeft);
|
||||
}
|
||||
});
|
||||
|
||||
utils.on(_this.core.outer.querySelector('.lg-thumb'), 'touchend.lg', function () {
|
||||
if (_this.thumbTotalWidth > _this.thumbOuterWidth) {
|
||||
|
||||
if (isMoved) {
|
||||
isMoved = false;
|
||||
utils.removeClass(_this.thumbOuter, 'lg-dragging');
|
||||
if (Math.abs(endCoords - startCoords) < _this.core.s.swipeThreshold) {
|
||||
_this.thumbClickable = true;
|
||||
}
|
||||
|
||||
_this.left = tempLeft;
|
||||
} else {
|
||||
_this.thumbClickable = true;
|
||||
}
|
||||
} else {
|
||||
_this.thumbClickable = true;
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Thumbnail.prototype.toggle = function () {
|
||||
var _this = this;
|
||||
if (_this.core.s.toggleThumb) {
|
||||
utils.addClass(_this.core.outer, 'lg-can-toggle');
|
||||
_this.thumbOuter.insertAdjacentHTML('beforeend', '<span class="lg-toggle-thumb lg-icon"></span>');
|
||||
utils.on(_this.core.outer.querySelector('.lg-toggle-thumb'), 'click.lg', function () {
|
||||
if (utils.hasClass(_this.core.outer, 'lg-thumb-open')) {
|
||||
utils.removeClass(_this.core.outer, 'lg-thumb-open');
|
||||
} else {
|
||||
utils.addClass(_this.core.outer, 'lg-thumb-open');
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
Thumbnail.prototype.thumbkeyPress = function () {
|
||||
var _this = this;
|
||||
utils.on(window, 'keydown.lgthumb', function (e) {
|
||||
if (e.keyCode === 38) {
|
||||
e.preventDefault();
|
||||
utils.addClass(_this.core.outer, 'lg-thumb-open');
|
||||
} else if (e.keyCode === 40) {
|
||||
e.preventDefault();
|
||||
utils.removeClass(_this.core.outer, 'lg-thumb-open');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Thumbnail.prototype.destroy = function () {
|
||||
if (this.core.s.thumbnail && this.core.items.length > 1) {
|
||||
utils.off(window, '.lgthumb');
|
||||
this.thumbOuter.parentNode.removeChild(this.thumbOuter);
|
||||
utils.removeClass(this.core.outer, 'lg-has-thumb');
|
||||
|
||||
var lgScript = document.getElementsByClassName('lg-script');
|
||||
while (lgScript[0]) {
|
||||
lgScript[0].parentNode.removeChild(lgScript[0]);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
window.lgModules.thumbnail = Thumbnail;
|
||||
});
|
||||
|
||||
},{}]},{},[1])(1)
|
||||
});
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,318 @@
|
|||
/**!
|
||||
* lg-video.js | 0.0.1 | August 1st 2016
|
||||
* http://sachinchoolur.github.io/lg-video.js
|
||||
* Copyright (c) 2016 Sachin N;
|
||||
* @license Apache 2.0
|
||||
*/(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.LgVideo = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
||||
(function (global, factory) {
|
||||
if (typeof define === "function" && define.amd) {
|
||||
define([], factory);
|
||||
} else if (typeof exports !== "undefined") {
|
||||
factory();
|
||||
} else {
|
||||
var mod = {
|
||||
exports: {}
|
||||
};
|
||||
factory();
|
||||
global.lgVideo = mod.exports;
|
||||
}
|
||||
})(this, function () {
|
||||
'use strict';
|
||||
|
||||
var _extends = Object.assign || function (target) {
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
var source = arguments[i];
|
||||
|
||||
for (var key in source) {
|
||||
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
||||
target[key] = source[key];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return target;
|
||||
};
|
||||
|
||||
var videoDefaults = {
|
||||
videoMaxWidth: '855px',
|
||||
youtubePlayerParams: false,
|
||||
vimeoPlayerParams: false,
|
||||
dailymotionPlayerParams: false,
|
||||
vkPlayerParams: false,
|
||||
videojs: false,
|
||||
videojsOptions: {}
|
||||
};
|
||||
|
||||
var Video = function Video(element) {
|
||||
|
||||
this.el = element;
|
||||
|
||||
this.core = window.lgData[this.el.getAttribute('lg-uid')];
|
||||
this.core.s = _extends({}, videoDefaults, this.core.s);
|
||||
|
||||
this.videoLoaded = false;
|
||||
|
||||
this.init();
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Video.prototype.init = function () {
|
||||
var _this = this;
|
||||
|
||||
// Event triggered when video url found without poster
|
||||
utils.on(_this.core.el, 'hasVideo.lgtm', function (event) {
|
||||
_this.core.___slide[event.detail.index].querySelector('.lg-video').insertAdjacentHTML('beforeend', _this.loadVideo(event.detail.src, 'lg-object', true, event.detail.index, event.detail.html));
|
||||
if (event.detail.html) {
|
||||
if (_this.core.s.videojs) {
|
||||
try {
|
||||
videojs(_this.core.___slide[event.detail.index].querySelector('.lg-html5'), _this.core.s.videojsOptions, function () {
|
||||
if (!_this.videoLoaded) {
|
||||
this.play();
|
||||
}
|
||||
});
|
||||
} catch (e) {
|
||||
console.error('Make sure you have included videojs');
|
||||
}
|
||||
} else {
|
||||
_this.core.___slide[event.detail.index].querySelector('.lg-html5').play();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Set max width for video
|
||||
utils.on(_this.core.el, 'onAferAppendSlide.lgtm', function (event) {
|
||||
if (_this.core.___slide[event.detail.index].querySelector('.lg-video-cont')) {
|
||||
_this.core.___slide[event.detail.index].querySelector('.lg-video-cont').style.maxWidth = _this.core.s.videoMaxWidth;
|
||||
_this.videoLoaded = true;
|
||||
}
|
||||
});
|
||||
|
||||
var loadOnClick = function loadOnClick($el) {
|
||||
// check slide has poster
|
||||
if (utils.hasClass($el.querySelector('.lg-object'), 'lg-has-poster') && $el.querySelector('.lg-object').style.display !== 'none') {
|
||||
|
||||
// check already video element present
|
||||
if (!utils.hasClass($el, 'lg-has-video')) {
|
||||
|
||||
utils.addClass($el, 'lg-video-playing lg-has-video');
|
||||
|
||||
var _src;
|
||||
var _html;
|
||||
var _loadVideo = function _loadVideo(_src, _html) {
|
||||
|
||||
$el.querySelector('.lg-video').insertAdjacentHTML('beforeend', _this.loadVideo(_src, '', false, _this.core.index, _html));
|
||||
|
||||
if (_html) {
|
||||
if (_this.core.s.videojs) {
|
||||
try {
|
||||
videojs(_this.core.___slide[_this.core.index].querySelector('.lg-html5'), _this.core.s.videojsOptions, function () {
|
||||
this.play();
|
||||
});
|
||||
} catch (e) {
|
||||
console.error('Make sure you have included videojs');
|
||||
}
|
||||
} else {
|
||||
_this.core.___slide[_this.core.index].querySelector('.lg-html5').play();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
if (_this.core.s.dynamic) {
|
||||
|
||||
_src = _this.core.s.dynamicEl[_this.core.index].src;
|
||||
_html = _this.core.s.dynamicEl[_this.core.index].html;
|
||||
|
||||
_loadVideo(_src, _html);
|
||||
} else {
|
||||
|
||||
_src = _this.core.items[_this.core.index].getAttribute('href') || _this.core.items[_this.core.index].getAttribute('data-src');
|
||||
_html = _this.core.items[_this.core.index].getAttribute('data-html');
|
||||
|
||||
_loadVideo(_src, _html);
|
||||
}
|
||||
|
||||
var $tempImg = $el.querySelector('.lg-object');
|
||||
$el.querySelector('.lg-video').appendChild($tempImg);
|
||||
|
||||
// @todo loading icon for html5 videos also
|
||||
// for showing the loading indicator while loading video
|
||||
if (!utils.hasClass($el.querySelector('.lg-video-object'), 'lg-html5')) {
|
||||
utils.removeClass($el, 'lg-complete');
|
||||
utils.on($el.querySelector('.lg-video-object'), 'load.lg error.lg', function () {
|
||||
utils.addClass($el, 'lg-complete');
|
||||
});
|
||||
}
|
||||
} else {
|
||||
|
||||
var youtubePlayer = $el.querySelector('.lg-youtube');
|
||||
var vimeoPlayer = $el.querySelector('.lg-vimeo');
|
||||
var dailymotionPlayer = $el.querySelector('.lg-dailymotion');
|
||||
var html5Player = $el.querySelector('.lg-html5');
|
||||
if (youtubePlayer) {
|
||||
youtubePlayer.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
|
||||
} else if (vimeoPlayer) {
|
||||
try {
|
||||
$f(vimeoPlayer).api('play');
|
||||
} catch (e) {
|
||||
console.error('Make sure you have included froogaloop2 js');
|
||||
}
|
||||
} else if (dailymotionPlayer) {
|
||||
dailymotionPlayer.contentWindow.postMessage('play', '*');
|
||||
} else if (html5Player) {
|
||||
if (_this.core.s.videojs) {
|
||||
try {
|
||||
videojs(html5Player).play();
|
||||
} catch (e) {
|
||||
console.error('Make sure you have included videojs');
|
||||
}
|
||||
} else {
|
||||
html5Player.play();
|
||||
}
|
||||
}
|
||||
|
||||
utils.addClass($el, 'lg-video-playing');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
if (_this.core.doCss() && _this.core.items.length > 1 && (_this.core.s.enableSwipe && _this.core.isTouch || _this.core.s.enableDrag && !_this.core.isTouch)) {
|
||||
utils.on(_this.core.el, 'onSlideClick.lgtm', function () {
|
||||
var $el = _this.core.___slide[_this.core.index];
|
||||
loadOnClick($el);
|
||||
});
|
||||
} else {
|
||||
|
||||
// For IE 9 and bellow
|
||||
for (var i = 0; i < _this.core.___slide.length; i++) {
|
||||
|
||||
/*jshint loopfunc: true */
|
||||
(function (index) {
|
||||
utils.on(_this.core.___slide[index], 'click.lg', function () {
|
||||
loadOnClick(_this.core.___slide[index]);
|
||||
});
|
||||
})(i);
|
||||
}
|
||||
}
|
||||
|
||||
utils.on(_this.core.el, 'onBeforeSlide.lgtm', function (event) {
|
||||
|
||||
var $videoSlide = _this.core.___slide[event.detail.prevIndex];
|
||||
var youtubePlayer = $videoSlide.querySelector('.lg-youtube');
|
||||
var vimeoPlayer = $videoSlide.querySelector('.lg-vimeo');
|
||||
var dailymotionPlayer = $videoSlide.querySelector('.lg-dailymotion');
|
||||
var vkPlayer = $videoSlide.querySelector('.lg-vk');
|
||||
var html5Player = $videoSlide.querySelector('.lg-html5');
|
||||
if (youtubePlayer) {
|
||||
youtubePlayer.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
|
||||
} else if (vimeoPlayer) {
|
||||
try {
|
||||
$f(vimeoPlayer).api('pause');
|
||||
} catch (e) {
|
||||
console.error('Make sure you have included froogaloop2 js');
|
||||
}
|
||||
} else if (dailymotionPlayer) {
|
||||
dailymotionPlayer.contentWindow.postMessage('pause', '*');
|
||||
} else if (html5Player) {
|
||||
if (_this.core.s.videojs) {
|
||||
try {
|
||||
videojs(html5Player).pause();
|
||||
} catch (e) {
|
||||
console.error('Make sure you have included videojs');
|
||||
}
|
||||
} else {
|
||||
html5Player.pause();
|
||||
}
|
||||
}if (vkPlayer) {
|
||||
|
||||
vkPlayer.setAttribute('src', vkPlayer.getAttribute('src').replace('&autoplay', '&noplay'));
|
||||
}
|
||||
|
||||
var _src;
|
||||
if (_this.core.s.dynamic) {
|
||||
_src = _this.core.s.dynamicEl[event.detail.index].src;
|
||||
} else {
|
||||
_src = _this.core.items[event.detail.index].getAttribute('href') || _this.core.items[event.detail.index].getAttribute('data-src');
|
||||
}
|
||||
|
||||
var _isVideo = _this.core.isVideo(_src, event.detail.index) || {};
|
||||
if (_isVideo.youtube || _isVideo.vimeo || _isVideo.dailymotion || _isVideo.vk) {
|
||||
utils.addClass(_this.core.outer, 'lg-hide-download');
|
||||
}
|
||||
|
||||
//$videoSlide.addClass('lg-complete');
|
||||
});
|
||||
|
||||
utils.on(_this.core.el, 'onAfterSlide.lgtm', function (event) {
|
||||
utils.removeClass(_this.core.___slide[event.detail.prevIndex], 'lg-video-playing');
|
||||
});
|
||||
};
|
||||
|
||||
Video.prototype.loadVideo = function (src, addClass, noposter, index, html) {
|
||||
var video = '';
|
||||
var autoplay = 1;
|
||||
var a = '';
|
||||
var isVideo = this.core.isVideo(src, index) || {};
|
||||
|
||||
// Enable autoplay for first video if poster doesn't exist
|
||||
if (noposter) {
|
||||
if (this.videoLoaded) {
|
||||
autoplay = 0;
|
||||
} else {
|
||||
autoplay = 1;
|
||||
}
|
||||
}
|
||||
|
||||
if (isVideo.youtube) {
|
||||
|
||||
a = '?wmode=opaque&autoplay=' + autoplay + '&enablejsapi=1';
|
||||
if (this.core.s.youtubePlayerParams) {
|
||||
a = a + '&' + utils.param(this.core.s.youtubePlayerParams);
|
||||
}
|
||||
|
||||
video = '<iframe class="lg-video-object lg-youtube ' + addClass + '" width="560" height="315" src="//www.youtube.com/embed/' + isVideo.youtube[1] + a + '" frameborder="0" allowfullscreen></iframe>';
|
||||
} else if (isVideo.vimeo) {
|
||||
|
||||
a = '?autoplay=' + autoplay + '&api=1';
|
||||
if (this.core.s.vimeoPlayerParams) {
|
||||
a = a + '&' + utils.param(this.core.s.vimeoPlayerParams);
|
||||
}
|
||||
|
||||
video = '<iframe class="lg-video-object lg-vimeo ' + addClass + '" width="560" height="315" src="//player.vimeo.com/video/' + isVideo.vimeo[1] + a + '" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
|
||||
} else if (isVideo.dailymotion) {
|
||||
|
||||
a = '?wmode=opaque&autoplay=' + autoplay + '&api=postMessage';
|
||||
if (this.core.s.dailymotionPlayerParams) {
|
||||
a = a + '&' + utils.param(this.core.s.dailymotionPlayerParams);
|
||||
}
|
||||
|
||||
video = '<iframe class="lg-video-object lg-dailymotion ' + addClass + '" width="560" height="315" src="//www.dailymotion.com/embed/video/' + isVideo.dailymotion[1] + a + '" frameborder="0" allowfullscreen></iframe>';
|
||||
} else if (isVideo.html5) {
|
||||
var fL = html.substring(0, 1);
|
||||
if (fL === '.' || fL === '#') {
|
||||
html = document.querySelector(html).innerHTML;
|
||||
}
|
||||
|
||||
video = html;
|
||||
} else if (isVideo.vk) {
|
||||
|
||||
a = '&autoplay=' + autoplay;
|
||||
if (this.core.s.vkPlayerParams) {
|
||||
a = a + '&' + utils.param(this.core.s.vkPlayerParams);
|
||||
}
|
||||
|
||||
video = '<iframe class="lg-video-object lg-vk ' + addClass + '" width="560" height="315" src="http://vk.com/video_ext.php?' + isVideo.vk[1] + a + '" frameborder="0" allowfullscreen></iframe>';
|
||||
}
|
||||
|
||||
return video;
|
||||
};
|
||||
|
||||
Video.prototype.destroy = function () {
|
||||
this.videoLoaded = false;
|
||||
};
|
||||
|
||||
window.lgModules.video = Video;
|
||||
});
|
||||
|
||||
},{}]},{},[1])(1)
|
||||
});
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,533 @@
|
|||
/**!
|
||||
* lg-zoom.js | 0.0.2 | August 4th 2016
|
||||
* http://sachinchoolur.github.io/lg-zoom.js
|
||||
* Copyright (c) 2016 Sachin N;
|
||||
* @license Apache 2.0
|
||||
*/(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.LgZoom = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
||||
(function (global, factory) {
|
||||
if (typeof define === "function" && define.amd) {
|
||||
define([], factory);
|
||||
} else if (typeof exports !== "undefined") {
|
||||
factory();
|
||||
} else {
|
||||
var mod = {
|
||||
exports: {}
|
||||
};
|
||||
factory();
|
||||
global.lgZoom = mod.exports;
|
||||
}
|
||||
})(this, function () {
|
||||
'use strict';
|
||||
|
||||
var _extends = Object.assign || function (target) {
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
var source = arguments[i];
|
||||
|
||||
for (var key in source) {
|
||||
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
||||
target[key] = source[key];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return target;
|
||||
};
|
||||
|
||||
var zoomDefaults = {
|
||||
scale: 1,
|
||||
zoom: true,
|
||||
actualSize: true,
|
||||
enableZoomAfter: 300
|
||||
};
|
||||
|
||||
var Zoom = function Zoom(element) {
|
||||
|
||||
this.el = element;
|
||||
|
||||
this.core = window.lgData[this.el.getAttribute('lg-uid')];
|
||||
this.core.s = _extends({}, zoomDefaults, this.core.s);
|
||||
|
||||
if (this.core.s.zoom && this.core.doCss()) {
|
||||
this.init();
|
||||
|
||||
// Store the zoomable timeout value just to clear it while closing
|
||||
this.zoomabletimeout = false;
|
||||
|
||||
// Set the initial value center
|
||||
this.pageX = window.innerWidth / 2;
|
||||
this.pageY = window.innerHeight / 2 + (document.documentElement.scrollTop || document.body.scrollTop);
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Zoom.prototype.init = function () {
|
||||
|
||||
var _this = this;
|
||||
var zoomIcons = '<span id="lg-zoom-in" class="lg-icon"></span><span id="lg-zoom-out" class="lg-icon"></span>';
|
||||
|
||||
if (_this.core.s.actualSize) {
|
||||
zoomIcons += '<span id="lg-actual-size" class="lg-icon"></span>';
|
||||
}
|
||||
|
||||
this.core.outer.querySelector('.lg-toolbar').insertAdjacentHTML('beforeend', zoomIcons);
|
||||
|
||||
// Add zoomable class
|
||||
utils.on(_this.core.el, 'onSlideItemLoad.lgtmzoom', function (event) {
|
||||
|
||||
// delay will be 0 except first time
|
||||
var _speed = _this.core.s.enableZoomAfter + event.detail.delay;
|
||||
|
||||
// set _speed value 0 if gallery opened from direct url and if it is first slide
|
||||
if (utils.hasClass(document.body, 'lg-from-hash') && event.detail.delay) {
|
||||
|
||||
// will execute only once
|
||||
_speed = 0;
|
||||
} else {
|
||||
|
||||
// Remove lg-from-hash to enable starting animation.
|
||||
utils.removeClass(document.body, 'lg-from-hash');
|
||||
}
|
||||
|
||||
_this.zoomabletimeout = setTimeout(function () {
|
||||
utils.addClass(_this.core.___slide[event.detail.index], 'lg-zoomable');
|
||||
}, _speed + 30);
|
||||
});
|
||||
|
||||
var scale = 1;
|
||||
/**
|
||||
* @desc Image zoom
|
||||
* Translate the wrap and scale the image to get better user experience
|
||||
*
|
||||
* @param {String} scaleVal - Zoom decrement/increment value
|
||||
*/
|
||||
var zoom = function zoom(scaleVal) {
|
||||
|
||||
var image = _this.core.outer.querySelector('.lg-current .lg-image');
|
||||
var _x;
|
||||
var _y;
|
||||
|
||||
// Find offset manually to avoid issue after zoom
|
||||
var offsetX = (window.innerWidth - image.clientWidth) / 2;
|
||||
var offsetY = (window.innerHeight - image.clientHeight) / 2 + (document.documentElement.scrollTop || document.body.scrollTop);
|
||||
|
||||
_x = _this.pageX - offsetX;
|
||||
_y = _this.pageY - offsetY;
|
||||
|
||||
var x = (scaleVal - 1) * _x;
|
||||
var y = (scaleVal - 1) * _y;
|
||||
|
||||
utils.setVendor(image, 'Transform', 'scale3d(' + scaleVal + ', ' + scaleVal + ', 1)');
|
||||
image.setAttribute('data-scale', scaleVal);
|
||||
|
||||
image.parentElement.style.left = -x + 'px';
|
||||
image.parentElement.style.top = -y + 'px';
|
||||
image.parentElement.setAttribute('data-x', x);
|
||||
image.parentElement.setAttribute('data-y', y);
|
||||
};
|
||||
|
||||
var callScale = function callScale() {
|
||||
if (scale > 1) {
|
||||
utils.addClass(_this.core.outer, 'lg-zoomed');
|
||||
} else {
|
||||
_this.resetZoom();
|
||||
}
|
||||
|
||||
if (scale < 1) {
|
||||
scale = 1;
|
||||
}
|
||||
|
||||
zoom(scale);
|
||||
};
|
||||
|
||||
var actualSize = function actualSize(event, image, index, fromIcon) {
|
||||
var w = image.clientWidth;
|
||||
var nw;
|
||||
if (_this.core.s.dynamic) {
|
||||
nw = _this.core.s.dynamicEl[index].width || image.naturalWidth || w;
|
||||
} else {
|
||||
nw = _this.core.items[index].getAttribute('data-width') || image.naturalWidth || w;
|
||||
}
|
||||
|
||||
var _scale;
|
||||
|
||||
if (utils.hasClass(_this.core.outer, 'lg-zoomed')) {
|
||||
scale = 1;
|
||||
} else {
|
||||
if (nw > w) {
|
||||
_scale = nw / w;
|
||||
scale = _scale || 2;
|
||||
}
|
||||
}
|
||||
|
||||
if (fromIcon) {
|
||||
_this.pageX = window.innerWidth / 2;
|
||||
_this.pageY = window.innerHeight / 2 + (document.documentElement.scrollTop || document.body.scrollTop);
|
||||
} else {
|
||||
_this.pageX = event.pageX || event.targetTouches[0].pageX;
|
||||
_this.pageY = event.pageY || event.targetTouches[0].pageY;
|
||||
}
|
||||
|
||||
callScale();
|
||||
setTimeout(function () {
|
||||
utils.removeClass(_this.core.outer, 'lg-grabbing');
|
||||
utils.addClass(_this.core.outer, 'lg-grab');
|
||||
}, 10);
|
||||
};
|
||||
|
||||
var tapped = false;
|
||||
|
||||
// event triggered after appending slide content
|
||||
utils.on(_this.core.el, 'onAferAppendSlide.lgtmzoom', function (event) {
|
||||
|
||||
var index = event.detail.index;
|
||||
|
||||
// Get the current element
|
||||
var image = _this.core.___slide[index].querySelector('.lg-image');
|
||||
|
||||
if (!_this.core.isTouch) {
|
||||
utils.on(image, 'dblclick', function (event) {
|
||||
actualSize(event, image, index);
|
||||
});
|
||||
}
|
||||
|
||||
if (_this.core.isTouch) {
|
||||
utils.on(image, 'touchstart', function (event) {
|
||||
if (!tapped) {
|
||||
tapped = setTimeout(function () {
|
||||
tapped = null;
|
||||
}, 300);
|
||||
} else {
|
||||
clearTimeout(tapped);
|
||||
tapped = null;
|
||||
actualSize(event, image, index);
|
||||
}
|
||||
|
||||
event.preventDefault();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Update zoom on resize and orientationchange
|
||||
utils.on(window, 'resize.lgzoom scroll.lgzoom orientationchange.lgzoom', function () {
|
||||
_this.pageX = window.innerWidth / 2;
|
||||
_this.pageY = window.innerHeight / 2 + (document.documentElement.scrollTop || document.body.scrollTop);
|
||||
zoom(scale);
|
||||
});
|
||||
|
||||
utils.on(document.getElementById('lg-zoom-out'), 'click.lg', function () {
|
||||
if (_this.core.outer.querySelector('.lg-current .lg-image')) {
|
||||
scale -= _this.core.s.scale;
|
||||
callScale();
|
||||
}
|
||||
});
|
||||
|
||||
utils.on(document.getElementById('lg-zoom-in'), 'click.lg', function () {
|
||||
if (_this.core.outer.querySelector('.lg-current .lg-image')) {
|
||||
scale += _this.core.s.scale;
|
||||
callScale();
|
||||
}
|
||||
});
|
||||
|
||||
utils.on(document.getElementById('lg-actual-size'), 'click.lg', function (event) {
|
||||
actualSize(event, _this.core.___slide[_this.core.index].querySelector('.lg-image'), _this.core.index, true);
|
||||
});
|
||||
|
||||
// Reset zoom on slide change
|
||||
utils.on(_this.core.el, 'onBeforeSlide.lgtm', function () {
|
||||
scale = 1;
|
||||
_this.resetZoom();
|
||||
});
|
||||
|
||||
// Drag option after zoom
|
||||
if (!_this.core.isTouch) {
|
||||
_this.zoomDrag();
|
||||
}
|
||||
|
||||
if (_this.core.isTouch) {
|
||||
_this.zoomSwipe();
|
||||
}
|
||||
};
|
||||
|
||||
// Reset zoom effect
|
||||
Zoom.prototype.resetZoom = function () {
|
||||
utils.removeClass(this.core.outer, 'lg-zoomed');
|
||||
for (var i = 0; i < this.core.___slide.length; i++) {
|
||||
if (this.core.___slide[i].querySelector('.lg-img-wrap')) {
|
||||
this.core.___slide[i].querySelector('.lg-img-wrap').removeAttribute('style');
|
||||
this.core.___slide[i].querySelector('.lg-img-wrap').removeAttribute('data-x');
|
||||
this.core.___slide[i].querySelector('.lg-img-wrap').removeAttribute('data-y');
|
||||
}
|
||||
}
|
||||
|
||||
for (var j = 0; j < this.core.___slide.length; j++) {
|
||||
if (this.core.___slide[j].querySelector('.lg-image')) {
|
||||
this.core.___slide[j].querySelector('.lg-image').removeAttribute('style');
|
||||
this.core.___slide[j].querySelector('.lg-image').removeAttribute('data-scale');
|
||||
}
|
||||
}
|
||||
|
||||
// Reset pagx pagy values to center
|
||||
this.pageX = window.innerWidth / 2;
|
||||
this.pageY = window.innerHeight / 2 + (document.documentElement.scrollTop || document.body.scrollTop);
|
||||
};
|
||||
|
||||
Zoom.prototype.zoomSwipe = function () {
|
||||
var _this = this;
|
||||
var startCoords = {};
|
||||
var endCoords = {};
|
||||
var isMoved = false;
|
||||
|
||||
// Allow x direction drag
|
||||
var allowX = false;
|
||||
|
||||
// Allow Y direction drag
|
||||
var allowY = false;
|
||||
|
||||
for (var i = 0; i < _this.core.___slide.length; i++) {
|
||||
|
||||
/*jshint loopfunc: true */
|
||||
utils.on(_this.core.___slide[i], 'touchstart.lg', function (e) {
|
||||
|
||||
if (utils.hasClass(_this.core.outer, 'lg-zoomed')) {
|
||||
var image = _this.core.___slide[_this.core.index].querySelector('.lg-object');
|
||||
|
||||
allowY = image.offsetHeight * image.getAttribute('data-scale') > _this.core.outer.querySelector('.lg').clientHeight;
|
||||
allowX = image.offsetWidth * image.getAttribute('data-scale') > _this.core.outer.querySelector('.lg').clientWidth;
|
||||
if (allowX || allowY) {
|
||||
e.preventDefault();
|
||||
startCoords = {
|
||||
x: e.targetTouches[0].pageX,
|
||||
y: e.targetTouches[0].pageY
|
||||
};
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
for (var j = 0; j < _this.core.___slide.length; j++) {
|
||||
|
||||
/*jshint loopfunc: true */
|
||||
utils.on(_this.core.___slide[j], 'touchmove.lg', function (e) {
|
||||
|
||||
if (utils.hasClass(_this.core.outer, 'lg-zoomed')) {
|
||||
|
||||
var _el = _this.core.___slide[_this.core.index].querySelector('.lg-img-wrap');
|
||||
var distanceX;
|
||||
var distanceY;
|
||||
|
||||
e.preventDefault();
|
||||
isMoved = true;
|
||||
|
||||
endCoords = {
|
||||
x: e.targetTouches[0].pageX,
|
||||
y: e.targetTouches[0].pageY
|
||||
};
|
||||
|
||||
// reset opacity and transition duration
|
||||
utils.addClass(_this.core.outer, 'lg-zoom-dragging');
|
||||
|
||||
if (allowY) {
|
||||
distanceY = -Math.abs(_el.getAttribute('data-y')) + (endCoords.y - startCoords.y);
|
||||
} else {
|
||||
distanceY = -Math.abs(_el.getAttribute('data-y'));
|
||||
}
|
||||
|
||||
if (allowX) {
|
||||
distanceX = -Math.abs(_el.getAttribute('data-x')) + (endCoords.x - startCoords.x);
|
||||
} else {
|
||||
distanceX = -Math.abs(_el.getAttribute('data-x'));
|
||||
}
|
||||
|
||||
if (Math.abs(endCoords.x - startCoords.x) > 15 || Math.abs(endCoords.y - startCoords.y) > 15) {
|
||||
_el.style.left = distanceX + 'px';
|
||||
_el.style.top = distanceY + 'px';
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
for (var k = 0; k < _this.core.___slide.length; k++) {
|
||||
|
||||
/*jshint loopfunc: true */
|
||||
utils.on(_this.core.___slide[k], 'touchend.lg', function () {
|
||||
if (utils.hasClass(_this.core.outer, 'lg-zoomed')) {
|
||||
if (isMoved) {
|
||||
isMoved = false;
|
||||
utils.removeClass(_this.core.outer, 'lg-zoom-dragging');
|
||||
_this.touchendZoom(startCoords, endCoords, allowX, allowY);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
Zoom.prototype.zoomDrag = function () {
|
||||
|
||||
var _this = this;
|
||||
var startCoords = {};
|
||||
var endCoords = {};
|
||||
var isDraging = false;
|
||||
var isMoved = false;
|
||||
|
||||
// Allow x direction drag
|
||||
var allowX = false;
|
||||
|
||||
// Allow Y direction drag
|
||||
var allowY = false;
|
||||
|
||||
for (var i = 0; i < _this.core.___slide.length; i++) {
|
||||
|
||||
/*jshint loopfunc: true */
|
||||
utils.on(_this.core.___slide[i], 'mousedown.lgzoom', function (e) {
|
||||
|
||||
// execute only on .lg-object
|
||||
var image = _this.core.___slide[_this.core.index].querySelector('.lg-object');
|
||||
|
||||
allowY = image.offsetHeight * image.getAttribute('data-scale') > _this.core.outer.querySelector('.lg').clientHeight;
|
||||
allowX = image.offsetWidth * image.getAttribute('data-scale') > _this.core.outer.querySelector('.lg').clientWidth;
|
||||
|
||||
if (utils.hasClass(_this.core.outer, 'lg-zoomed')) {
|
||||
if (utils.hasClass(e.target, 'lg-object') && (allowX || allowY)) {
|
||||
e.preventDefault();
|
||||
startCoords = {
|
||||
x: e.pageX,
|
||||
y: e.pageY
|
||||
};
|
||||
|
||||
isDraging = true;
|
||||
|
||||
// ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723
|
||||
_this.core.outer.scrollLeft += 1;
|
||||
_this.core.outer.scrollLeft -= 1;
|
||||
|
||||
utils.removeClass(_this.core.outer, 'lg-grab');
|
||||
utils.addClass(_this.core.outer, 'lg-grabbing');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
utils.on(window, 'mousemove.lgzoom', function (e) {
|
||||
if (isDraging) {
|
||||
var _el = _this.core.___slide[_this.core.index].querySelector('.lg-img-wrap');
|
||||
var distanceX;
|
||||
var distanceY;
|
||||
|
||||
isMoved = true;
|
||||
endCoords = {
|
||||
x: e.pageX,
|
||||
y: e.pageY
|
||||
};
|
||||
|
||||
// reset opacity and transition duration
|
||||
utils.addClass(_this.core.outer, 'lg-zoom-dragging');
|
||||
|
||||
if (allowY) {
|
||||
distanceY = -Math.abs(_el.getAttribute('data-y')) + (endCoords.y - startCoords.y);
|
||||
} else {
|
||||
distanceY = -Math.abs(_el.getAttribute('data-y'));
|
||||
}
|
||||
|
||||
if (allowX) {
|
||||
distanceX = -Math.abs(_el.getAttribute('data-x')) + (endCoords.x - startCoords.x);
|
||||
} else {
|
||||
distanceX = -Math.abs(_el.getAttribute('data-x'));
|
||||
}
|
||||
|
||||
_el.style.left = distanceX + 'px';
|
||||
_el.style.top = distanceY + 'px';
|
||||
}
|
||||
});
|
||||
|
||||
utils.on(window, 'mouseup.lgzoom', function (e) {
|
||||
|
||||
if (isDraging) {
|
||||
isDraging = false;
|
||||
utils.removeClass(_this.core.outer, 'lg-zoom-dragging');
|
||||
|
||||
// Fix for chrome mouse move on click
|
||||
if (isMoved && (startCoords.x !== endCoords.x || startCoords.y !== endCoords.y)) {
|
||||
endCoords = {
|
||||
x: e.pageX,
|
||||
y: e.pageY
|
||||
};
|
||||
_this.touchendZoom(startCoords, endCoords, allowX, allowY);
|
||||
}
|
||||
|
||||
isMoved = false;
|
||||
}
|
||||
|
||||
utils.removeClass(_this.core.outer, 'lg-grabbing');
|
||||
utils.addClass(_this.core.outer, 'lg-grab');
|
||||
});
|
||||
};
|
||||
|
||||
Zoom.prototype.touchendZoom = function (startCoords, endCoords, allowX, allowY) {
|
||||
|
||||
var _this = this;
|
||||
var _el = _this.core.___slide[_this.core.index].querySelector('.lg-img-wrap');
|
||||
var image = _this.core.___slide[_this.core.index].querySelector('.lg-object');
|
||||
var distanceX = -Math.abs(_el.getAttribute('data-x')) + (endCoords.x - startCoords.x);
|
||||
var distanceY = -Math.abs(_el.getAttribute('data-y')) + (endCoords.y - startCoords.y);
|
||||
var minY = (_this.core.outer.querySelector('.lg').clientHeight - image.offsetHeight) / 2;
|
||||
var maxY = Math.abs(image.offsetHeight * Math.abs(image.getAttribute('data-scale')) - _this.core.outer.querySelector('.lg').clientHeight + minY);
|
||||
var minX = (_this.core.outer.querySelector('.lg').clientWidth - image.offsetWidth) / 2;
|
||||
var maxX = Math.abs(image.offsetWidth * Math.abs(image.getAttribute('data-scale')) - _this.core.outer.querySelector('.lg').clientWidth + minX);
|
||||
|
||||
if (Math.abs(endCoords.x - startCoords.x) > 15 || Math.abs(endCoords.y - startCoords.y) > 15) {
|
||||
if (allowY) {
|
||||
if (distanceY <= -maxY) {
|
||||
distanceY = -maxY;
|
||||
} else if (distanceY >= -minY) {
|
||||
distanceY = -minY;
|
||||
}
|
||||
}
|
||||
|
||||
if (allowX) {
|
||||
if (distanceX <= -maxX) {
|
||||
distanceX = -maxX;
|
||||
} else if (distanceX >= -minX) {
|
||||
distanceX = -minX;
|
||||
}
|
||||
}
|
||||
|
||||
if (allowY) {
|
||||
_el.setAttribute('data-y', Math.abs(distanceY));
|
||||
} else {
|
||||
distanceY = -Math.abs(_el.getAttribute('data-y'));
|
||||
}
|
||||
|
||||
if (allowX) {
|
||||
_el.setAttribute('data-x', Math.abs(distanceX));
|
||||
} else {
|
||||
distanceX = -Math.abs(_el.getAttribute('data-x'));
|
||||
}
|
||||
|
||||
_el.style.left = distanceX + 'px';
|
||||
_el.style.top = distanceY + 'px';
|
||||
}
|
||||
};
|
||||
|
||||
Zoom.prototype.destroy = function () {
|
||||
|
||||
var _this = this;
|
||||
|
||||
// Unbind all events added by lightGallery zoom plugin
|
||||
utils.off(_this.core.el, '.lgzoom');
|
||||
utils.off(window, '.lgzoom');
|
||||
for (var i = 0; i < _this.core.___slide.length; i++) {
|
||||
utils.off(_this.core.___slide[i], '.lgzoom');
|
||||
}
|
||||
|
||||
utils.off(_this.core.el, '.lgtmzoom');
|
||||
_this.resetZoom();
|
||||
clearTimeout(_this.zoomabletimeout);
|
||||
_this.zoomabletimeout = false;
|
||||
};
|
||||
|
||||
window.lgModules.zoom = Zoom;
|
||||
});
|
||||
|
||||
},{}]},{},[1])(1)
|
||||
});
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue