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.
|
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
|
### Sidebar
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -59,7 +59,7 @@ share: default # options: jiathis, bdshare, addtoany, default
|
||||||
|
|
||||||
# Plugins
|
# Plugins
|
||||||
plugins:
|
plugins:
|
||||||
fancybox: true # options: true, false
|
lightgallery: true # options: true, false
|
||||||
google_analytics: # enter the tracking ID for your Google Analytics
|
google_analytics: # enter the tracking ID for your Google Analytics
|
||||||
google_site_verification: # enter Google site verification code
|
google_site_verification: # enter Google site verification code
|
||||||
baidu_analytics: # enter Baidu Analytics hash key
|
baidu_analytics: # enter Baidu Analytics hash key
|
||||||
|
|
|
||||||
|
|
@ -1,206 +1,4 @@
|
||||||
title: "About"
|
title: "About"
|
||||||
layout: "page"
|
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) { %>
|
<% if (post.banner) { %>
|
||||||
<%- partial('post/banner') %>
|
<%- partial('post/banner') %>
|
||||||
<% } %>
|
<% } %>
|
||||||
<%- partial('post/gallery') %>
|
|
||||||
<% if (post.link || post.title) { %>
|
<% if (post.link || post.title) { %>
|
||||||
<header class="article-header">
|
<header class="article-header">
|
||||||
<%- partial('post/title', { class_name: 'article-title' }) %>
|
<%- partial('post/title', { class_name: 'article-title' }) %>
|
||||||
|
|
@ -16,6 +15,7 @@
|
||||||
<% } %>
|
<% } %>
|
||||||
</header>
|
</header>
|
||||||
<% } %>
|
<% } %>
|
||||||
|
<%- partial('post/gallery') %>
|
||||||
<div class="article-entry" itemprop="articleBody">
|
<div class="article-entry" itemprop="articleBody">
|
||||||
<% if (index && post.excerpt) { %>
|
<% if (index && post.excerpt) { %>
|
||||||
<p><%- post.excerpt %></p>
|
<p><%- post.excerpt %></p>
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,9 @@
|
||||||
<% if (post.photos && post.photos.length) { %>
|
<% if (post.photos && post.photos.length) { %>
|
||||||
<div class="article-gallery">
|
<div class="article-gallery">
|
||||||
<div class="article-gallery-photos">
|
<% post.photos.forEach(function(photo, i) { %>
|
||||||
<% post.photos.forEach(function(photo, i) { %>
|
<a class="gallery-item" href="<%- url_for(photo) %>" rel="gallery_<%= post._id %>">
|
||||||
<a class="article-gallery-img fancybox" href="<%- url_for(photo) %>" rel="gallery_<%= post._id %>">
|
<img src="<%- url_for(photo) %>" itemprop="image" />
|
||||||
<img src="<%- url_for(photo) %>" itemprop="image">
|
</a>
|
||||||
</a>
|
<% }) %>
|
||||||
<% }) %>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<% } %>
|
<% } %>
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<% if (typeof(isHead) !== 'undefined' && isHead) { %>
|
<% if (typeof(isHead) !== 'undefined' && isHead) { %>
|
||||||
<% if (theme.plugins.fancybox) { %>
|
<% if (theme.plugins.lightgallery) { %>
|
||||||
<%- css('vendor/fancybox/jquery.fancybox') %>
|
<%- css('vendor/lightgallery/css/lightgallery.min') %>
|
||||||
<% } %>
|
<% } %>
|
||||||
<% if (theme.plugins.google_analytics) { %>
|
<% if (theme.plugins.google_analytics) { %>
|
||||||
<%- partial('plugin/google-analytics') %>
|
<%- partial('plugin/google-analytics') %>
|
||||||
|
|
@ -12,7 +12,15 @@
|
||||||
<%- partial('plugin/baidu-analytics') %>
|
<%- partial('plugin/baidu-analytics') %>
|
||||||
<% } %>
|
<% } %>
|
||||||
<% } else { %>
|
<% } else { %>
|
||||||
<% if (theme.plugins.fancybox) { %>
|
<% if (theme.plugins.lightgallery) { %>
|
||||||
<%- js('vendor/fancybox/jquery.fancybox.pack') %>
|
<%- 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%)
|
text-shadow: 0 1px darken(color-google, 20%)
|
||||||
|
|
||||||
.article-gallery
|
.article-gallery
|
||||||
background: #000
|
|
||||||
position: relative
|
|
||||||
|
|
||||||
.article-gallery-photos
|
|
||||||
position: relative
|
|
||||||
overflow: hidden
|
overflow: hidden
|
||||||
|
background: black
|
||||||
.article-gallery-img
|
position: relative
|
||||||
display: none
|
text-align: center
|
||||||
max-width: 100%
|
margin: line-height 0
|
||||||
&:first-child
|
.gallery-item
|
||||||
display: block
|
display: none
|
||||||
&.loaded
|
|
||||||
position: absolute
|
|
||||||
display: block
|
|
||||||
img
|
|
||||||
display: block
|
|
||||||
max-width: 100%
|
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
|
.toc-article
|
||||||
background #F9F9F9
|
background #F9F9F9
|
||||||
margin 2em 0 0 0.2em
|
margin 2em 0 0 0.2em
|
||||||
|
|
@ -343,9 +359,11 @@ $article-share-link
|
||||||
font-size 120%
|
font-size 120%
|
||||||
strong
|
strong
|
||||||
padding 0.3em 1
|
padding 0.3em 1
|
||||||
|
|
||||||
ol.toc
|
ol.toc
|
||||||
width 100%
|
width 100%
|
||||||
margin 1em 2em 0 0
|
margin 1em 2em 0 0
|
||||||
|
|
||||||
#toc
|
#toc
|
||||||
line-height 1em
|
line-height 1em
|
||||||
font-size 0.8em
|
font-size 0.8em
|
||||||
|
|
@ -356,6 +374,7 @@ ol.toc
|
||||||
list-style-type none
|
list-style-type none
|
||||||
.toc-child
|
.toc-child
|
||||||
padding-left 0em
|
padding-left 0em
|
||||||
|
|
||||||
#toc.toc-aside
|
#toc.toc-aside
|
||||||
display none
|
display none
|
||||||
width 13%
|
width 13%
|
||||||
|
|
@ -379,3 +398,8 @@ ol.toc
|
||||||
&:hover
|
&:hover
|
||||||
color color-theme
|
color color-theme
|
||||||
transition color .3s ease-out
|
transition color .3s ease-out
|
||||||
|
|
||||||
|
/* lightgallery */
|
||||||
|
.lg-outer
|
||||||
|
.lg-thumb-item
|
||||||
|
border-radius: 0 !important
|
||||||
|
|
|
||||||
|
|
@ -1,25 +1,22 @@
|
||||||
(function($){
|
(function($){
|
||||||
var toTop = ($('#sidebar').height() - $(window).height()) + 60;
|
var toTop = ($('#sidebar').height() - $(window).height()) + 60;
|
||||||
// Caption
|
// Caption
|
||||||
$('.article-entry').each(function(i){
|
$('.article-entry').each(function(i) {
|
||||||
$(this).find('img').each(function(){
|
$(this).find('img').each(function() {
|
||||||
if ($(this).parent().hasClass('fancybox')) {
|
if (this.alt) {
|
||||||
return;
|
$(this).after('<span class="caption">' + this.alt + '</span>');
|
||||||
}
|
|
||||||
var alt = this.alt;
|
|
||||||
if (alt) {
|
|
||||||
$(this).after('<span class="caption">' + 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){
|
if (lightGallery) {
|
||||||
$('.fancybox').fancybox();
|
var options = {
|
||||||
|
selector: '.gallery-item',
|
||||||
|
};
|
||||||
|
lightGallery($('.article-entry')[0], options);
|
||||||
|
lightGallery($('.article-gallery')[0], options);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Profile card
|
// 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