first commit
This commit is contained in:
BIN
vegas/_js/overlays/01.png
Normal file
BIN
vegas/_js/overlays/01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 B |
BIN
vegas/_js/overlays/02.png
Normal file
BIN
vegas/_js/overlays/02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 B |
BIN
vegas/_js/overlays/03.png
Normal file
BIN
vegas/_js/overlays/03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 98 B |
BIN
vegas/_js/overlays/04.png
Normal file
BIN
vegas/_js/overlays/04.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 B |
BIN
vegas/_js/overlays/05.png
Normal file
BIN
vegas/_js/overlays/05.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 102 B |
BIN
vegas/_js/overlays/06.png
Normal file
BIN
vegas/_js/overlays/06.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 B |
BIN
vegas/_js/overlays/07.png
Normal file
BIN
vegas/_js/overlays/07.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 104 B |
BIN
vegas/_js/overlays/08.png
Normal file
BIN
vegas/_js/overlays/08.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 106 B |
BIN
vegas/_js/overlays/09.png
Normal file
BIN
vegas/_js/overlays/09.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 118 B |
285
vegas/_js/vegas-style.css
Normal file
285
vegas/_js/vegas-style.css
Normal file
@@ -0,0 +1,285 @@
|
||||
/*
|
||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align:baseline
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
||||
display:block
|
||||
}
|
||||
|
||||
body {
|
||||
line-height:1
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style:none
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes:none
|
||||
}
|
||||
|
||||
blockquote:before, blockquote:after, q:before, q:after {
|
||||
content: '';
|
||||
content:none
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing:0
|
||||
}
|
||||
|
||||
html {
|
||||
box-sizing:border-box
|
||||
}
|
||||
|
||||
*, * :before, * :after {
|
||||
box-sizing:inherit
|
||||
}
|
||||
*/
|
||||
|
||||
/* — */
|
||||
|
||||
.vegas-menu {
|
||||
float: right;
|
||||
top: 200px;
|
||||
margin-right: 24px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.vegas-menu h1 {
|
||||
font: bold 64px 'Coming Soon', cursive;
|
||||
color: #fff;
|
||||
letter-spacing: 15px;
|
||||
text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
|
||||
}
|
||||
|
||||
.vegas-menu h1 a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/*
|
||||
Menu
|
||||
*/
|
||||
|
||||
.menu {
|
||||
margin-top: 100px;
|
||||
margin-bottom: 24px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.texte {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.texte a {
|
||||
font-family: 'Coming Soon', cursive;
|
||||
font-size: 32px;
|
||||
font-variant: small-caps;
|
||||
text-align: right;
|
||||
color: #fff;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
|
||||
text-decoration: none;
|
||||
|
||||
padding-right: 0.3em;
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
.texte a:hover {
|
||||
font-style: italic;
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
.clearall {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.green {
|
||||
color: #cff208;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Flickr, 500px
|
||||
*/
|
||||
|
||||
.tweet-it {
|
||||
position: fixed;
|
||||
top: 1.5em;
|
||||
left: 3.5em;
|
||||
z-index: 1000;
|
||||
-webkit-transition: 1s opacity;
|
||||
transition:1s opacity
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.tweet-it {
|
||||
top: 80px;
|
||||
right:1em
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-height: 550px) {
|
||||
.tweet-it {
|
||||
display:none
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 375px) {
|
||||
.tweet-it {
|
||||
display:none
|
||||
}
|
||||
}
|
||||
|
||||
.icn {
|
||||
opacity:.5
|
||||
}
|
||||
|
||||
|
||||
.icn svg {
|
||||
display: block;
|
||||
fill: #fff;
|
||||
border-radius: 50%;
|
||||
border: 2px solid white;
|
||||
padding: 15px;
|
||||
margin: 15px;
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.icn:hover {
|
||||
opacity:1
|
||||
}
|
||||
|
||||
/*
|
||||
Propulsé par …
|
||||
*/
|
||||
|
||||
.vegas-info {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 10px;
|
||||
color: #fff;
|
||||
font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
|
||||
filter:alpha(opacity=60);
|
||||
-moz-opacity:0.6;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.vegas-info a:hover, .vegas-info-vert a:hover {
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
|
||||
filter:alpha(opacity=90);
|
||||
-moz-opacity:0.9;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.vegas-info a, .vegas-info a:visited, .vegas-info-vert a, .vegas-info-vert a:visited {
|
||||
color: #cff208;
|
||||
text-decoration: none;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
|
||||
filter:alpha(opacity=60);
|
||||
-moz-opacity:0.6;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
|
||||
/* ---------
|
||||
|
||||
.homepage-header {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color:#000
|
||||
}
|
||||
|
||||
.homepage-info {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
font-family: "Raleway";
|
||||
text-transform: uppercase;
|
||||
line-height: 2.2em;
|
||||
text-align: right;
|
||||
width: 100%;
|
||||
font-size: .60em;
|
||||
right: 1em;
|
||||
bottom:1em
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.homepage-info {
|
||||
right: 2em;
|
||||
bottom: 2.5em;
|
||||
font-size:.85em
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.homepage-info {
|
||||
font-size: .85em;
|
||||
right: 3.5em;
|
||||
bottom:3em
|
||||
}
|
||||
}
|
||||
|
||||
.homepage-info h1 {
|
||||
position: relative;
|
||||
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.3), 0 0 10px #000;
|
||||
letter-spacing: -1px;
|
||||
padding-right: 4.7em;
|
||||
font-size: 1.9em;
|
||||
margin: .75em 0;
|
||||
pointer-events:none
|
||||
}
|
||||
|
||||
.homepage-info h1 span {
|
||||
display:block
|
||||
}
|
||||
|
||||
.homepage-info h1 .line1 {
|
||||
font-size: 3em;
|
||||
letter-spacing: -5px;
|
||||
margin-bottom:.2em
|
||||
}
|
||||
|
||||
.homepage-menu {
|
||||
position: relative;
|
||||
font-weight: 900;
|
||||
margin: .75em 0;
|
||||
font-size:2em
|
||||
}
|
||||
|
||||
.homepage-menu a {
|
||||
color:#fff
|
||||
}
|
||||
|
||||
.homepage-menu li {
|
||||
margin-bottom:4px
|
||||
}
|
||||
|
||||
.homepage-submenu {
|
||||
line-height: 1.6;
|
||||
text-align: left;
|
||||
font-size: .68em;
|
||||
width: 140px;
|
||||
position: absolute;
|
||||
top: -4px;
|
||||
right:0
|
||||
}
|
||||
|
||||
.homepage-submenu li {
|
||||
-webkit-transition: .5s cubic-bezier(0, 0.5, 0, 1);
|
||||
transition: .5s cubic-bezier(0, 0.5, 0, 1);
|
||||
-webkit-transform: translateY(16px);
|
||||
transform: translateY(16px);
|
||||
/* opacity:0*/
|
||||
}
|
||||
*/
|
||||
|
||||
622
vegas/_js/vegas.css
Normal file
622
vegas/_js/vegas.css
Normal file
@@ -0,0 +1,622 @@
|
||||
.vegas-wrapper,
|
||||
.vegas-overlay,
|
||||
.vegas-timer,
|
||||
.vegas-slide,
|
||||
.vegas-slide-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.vegas-overlay {
|
||||
opacity: .5;
|
||||
background: transparent url("overlays/02.png") center center repeat;
|
||||
}
|
||||
|
||||
.vegas-timer {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.vegas-timer-progress {
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
background: white;
|
||||
transition: width ease-out;
|
||||
}
|
||||
|
||||
.vegas-timer-running .vegas-timer-progress {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.vegas-slide,
|
||||
.vegas-slide-inner {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: transparent center center no-repeat;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
will-change: transform, opacity;
|
||||
}
|
||||
|
||||
body .vegas-container {
|
||||
overflow: hidden !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.vegas-video {
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
body.vegas-container {
|
||||
overflow: auto;
|
||||
position: static;
|
||||
z-index: -2;
|
||||
}
|
||||
|
||||
body.vegas-container > .vegas-timer,
|
||||
body.vegas-container > .vegas-overlay,
|
||||
body.vegas-container > .vegas-slide {
|
||||
position: fixed;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
/* Target Safari IOS7+ in order to add 76px */
|
||||
/*******************************************/
|
||||
/* blur transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-blur,
|
||||
.vegas-transition-blur2 {
|
||||
opacity: 0;
|
||||
-webkit-filter: blur(32px) brightness(1.01);
|
||||
filter: blur(32px) brightness(1.01);
|
||||
}
|
||||
|
||||
.vegas-transition-blur-in,
|
||||
.vegas-transition-blur2-in {
|
||||
opacity: 1;
|
||||
-webkit-filter: blur(0px) brightness(1.01);
|
||||
filter: blur(0px) brightness(1.01);
|
||||
}
|
||||
|
||||
.vegas-transition-blur2-out {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* burn transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-burn,
|
||||
.vegas-transition-burn2 {
|
||||
opacity: 0;
|
||||
-webkit-filter: contrast(1000%) saturate(1000%);
|
||||
filter: contrast(1000%) saturate(1000%);
|
||||
}
|
||||
|
||||
.vegas-transition-burn-in,
|
||||
.vegas-transition-burn2-in {
|
||||
opacity: 1;
|
||||
-webkit-filter: contrast(100%) saturate(100%);
|
||||
filter: contrast(100%) saturate(100%);
|
||||
}
|
||||
|
||||
.vegas-transition-burn2-out {
|
||||
opacity: 0;
|
||||
-webkit-filter: contrast(1000%) saturate(1000%);
|
||||
filter: contrast(1000%) saturate(1000%);
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* fade transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-fade,
|
||||
.vegas-transition-fade2 {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.vegas-transition-fade-in,
|
||||
.vegas-transition-fade2-in {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vegas-transition-fade2-out {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* flash transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-flash,
|
||||
.vegas-transition-flash2 {
|
||||
opacity: 0;
|
||||
-webkit-filter: brightness(25);
|
||||
filter: brightness(25);
|
||||
}
|
||||
|
||||
.vegas-transition-flash-in,
|
||||
.vegas-transition-flash2-in {
|
||||
opacity: 1;
|
||||
-webkit-filter: brightness(1);
|
||||
filter: brightness(1);
|
||||
}
|
||||
|
||||
.vegas-transition-flash2-out {
|
||||
opacity: 0;
|
||||
-webkit-filter: brightness(25);
|
||||
filter: brightness(25);
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* negative transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-negative,
|
||||
.vegas-transition-negative2 {
|
||||
opacity: 0;
|
||||
-webkit-filter: invert(100%);
|
||||
filter: invert(100%);
|
||||
}
|
||||
|
||||
.vegas-transition-negative-in,
|
||||
.vegas-transition-negative2-in {
|
||||
opacity: 1;
|
||||
-webkit-filter: invert(0);
|
||||
filter: invert(0);
|
||||
}
|
||||
|
||||
.vegas-transition-negative2-out {
|
||||
opacity: 0;
|
||||
-webkit-filter: invert(100%);
|
||||
filter: invert(100%);
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* slideDown transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-slideDown,
|
||||
.vegas-transition-slideDown2 {
|
||||
-webkit-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideDown-in,
|
||||
.vegas-transition-slideDown2-in {
|
||||
-webkit-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideDown2-out {
|
||||
-webkit-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* slideLeft transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-slideLeft,
|
||||
.vegas-transition-slideLeft2 {
|
||||
-webkit-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideLeft-in,
|
||||
.vegas-transition-slideLeft2-in {
|
||||
-webkit-transform: translateX(0%);
|
||||
transform: translateX(0%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideLeft2-out {
|
||||
-webkit-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* slideRight transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-slideRight,
|
||||
.vegas-transition-slideRight2 {
|
||||
-webkit-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideRight-in,
|
||||
.vegas-transition-slideRight2-in {
|
||||
-webkit-transform: translateX(0%);
|
||||
transform: translateX(0%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideRight2-out {
|
||||
-webkit-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* slideUp transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-slideUp,
|
||||
.vegas-transition-slideUp2 {
|
||||
-webkit-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideUp-in,
|
||||
.vegas-transition-slideUp2-in {
|
||||
-webkit-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideUp2-out {
|
||||
-webkit-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* swirlLeft transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-swirlLeft,
|
||||
.vegas-transition-swirlLeft2 {
|
||||
-webkit-transform: scale(2) rotate(35deg);
|
||||
transform: scale(2) rotate(35deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.vegas-transition-swirlLeft-in,
|
||||
.vegas-transition-swirlLeft2-in {
|
||||
-webkit-transform: scale(1) rotate(0deg);
|
||||
transform: scale(1) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vegas-transition-swirlLeft2-out {
|
||||
-webkit-transform: scale(2) rotate(-35deg);
|
||||
transform: scale(2) rotate(-35deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* swirlRight transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-swirlRight,
|
||||
.vegas-transition-swirlRight2 {
|
||||
-webkit-transform: scale(2) rotate(-35deg);
|
||||
transform: scale(2) rotate(-35deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.vegas-transition-swirlRight-in,
|
||||
.vegas-transition-swirlRight2-in {
|
||||
-webkit-transform: scale(1) rotate(0deg);
|
||||
transform: scale(1) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vegas-transition-swirlRight2-out {
|
||||
-webkit-transform: scale(2) rotate(35deg);
|
||||
transform: scale(2) rotate(35deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* zoomIn transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-zoomIn,
|
||||
.vegas-transition-zoomIn2 {
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.vegas-transition-zoomIn-in,
|
||||
.vegas-transition-zoomIn2-in {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vegas-transition-zoomIn2-out {
|
||||
-webkit-transform: scale(2);
|
||||
transform: scale(2);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* zoomOut transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-zoomOut,
|
||||
.vegas-transition-zoomOut2 {
|
||||
-webkit-transform: scale(2);
|
||||
transform: scale(2);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.vegas-transition-zoomOut-in,
|
||||
.vegas-transition-zoomOut2-in {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vegas-transition-zoomOut2-out {
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburns animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburns {
|
||||
-webkit-animation: kenburns ease-out;
|
||||
animation: kenburns ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburns {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5);
|
||||
transform: scale(1.5);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburns {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5);
|
||||
transform: scale(1.5);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburnsDownLeft animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburnsDownLeft {
|
||||
-webkit-animation: kenburnsDownLeft ease-out;
|
||||
animation: kenburnsDownLeft ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburnsDownLeft {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(10%, -10%);
|
||||
transform: scale(1.5) translate(10%, -10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburnsDownLeft {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(10%, -10%);
|
||||
transform: scale(1.5) translate(10%, -10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburnsDownRight animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburnsDownRight {
|
||||
-webkit-animation: kenburnsDownRight ease-out;
|
||||
animation: kenburnsDownRight ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburnsDownRight {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(-10%, -10%);
|
||||
transform: scale(1.5) translate(-10%, -10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburnsDownRight {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(-10%, -10%);
|
||||
transform: scale(1.5) translate(-10%, -10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburnsDown animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburnsDown {
|
||||
-webkit-animation: kenburnsDown ease-out;
|
||||
animation: kenburnsDown ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburnsDown {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(0, -10%);
|
||||
transform: scale(1.5) translate(0, -10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburnsDown {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(0, -10%);
|
||||
transform: scale(1.5) translate(0, -10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburnsLeft animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburnsLeft {
|
||||
-webkit-animation: kenburnsLeft ease-out;
|
||||
animation: kenburnsLeft ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburnsLeft {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(10%, 0);
|
||||
transform: scale(1.5) translate(10%, 0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburnsLeft {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(10%, 0);
|
||||
transform: scale(1.5) translate(10%, 0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburnsRight animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburnsRight {
|
||||
-webkit-animation: kenburnsRight ease-out;
|
||||
animation: kenburnsRight ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburnsRight {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(-10%, 0);
|
||||
transform: scale(1.5) translate(-10%, 0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburnsRight {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(-10%, 0);
|
||||
transform: scale(1.5) translate(-10%, 0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburnsUpLeft animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburnsUpLeft {
|
||||
-webkit-animation: kenburnsUpLeft ease-out;
|
||||
animation: kenburnsUpLeft ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburnsUpLeft {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(10%, 10%);
|
||||
transform: scale(1.5) translate(10%, 10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburnsUpLeft {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(10%, 10%);
|
||||
transform: scale(1.5) translate(10%, 10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburnsUpRight animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburnsUpRight {
|
||||
-webkit-animation: kenburnsUpRight ease-out;
|
||||
animation: kenburnsUpRight ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburnsUpRight {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(-10%, 10%);
|
||||
transform: scale(1.5) translate(-10%, 10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburnsUpRight {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(-10%, 10%);
|
||||
transform: scale(1.5) translate(-10%, 10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburnsUp animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburnsUp {
|
||||
-webkit-animation: kenburnsUp ease-out;
|
||||
animation: kenburnsUp ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburnsUp {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(0, 10%);
|
||||
transform: scale(1.5) translate(0, 10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburnsUp {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(0, 10%);
|
||||
transform: scale(1.5) translate(0, 10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
751
vegas/_js/vegas.js
Normal file
751
vegas/_js/vegas.js
Normal file
@@ -0,0 +1,751 @@
|
||||
/*!-----------------------------------------------------------------------------
|
||||
* Vegas - Fullscreen Backgrounds and Slideshows.
|
||||
* v2.4.4 - built 2018-10-30
|
||||
* Licensed under the MIT License.
|
||||
* http://vegas.jaysalvat.com/
|
||||
* ----------------------------------------------------------------------------
|
||||
* Copyright (C) 2010-2018 Jay Salvat
|
||||
* http://jaysalvat.com/
|
||||
* --------------------------------------------------------------------------*/
|
||||
|
||||
(function ($) {
|
||||
'use strict';
|
||||
|
||||
var defaults = {
|
||||
slide: 0,
|
||||
delay: 5000,
|
||||
loop: true,
|
||||
preload: false,
|
||||
preloadImage: false,
|
||||
preloadVideo: false,
|
||||
timer: true,
|
||||
overlay: false,
|
||||
autoplay: true,
|
||||
shuffle: false,
|
||||
cover: true,
|
||||
color: null,
|
||||
align: 'center',
|
||||
valign: 'center',
|
||||
firstTransition: null,
|
||||
firstTransitionDuration: null,
|
||||
transition: 'fade',
|
||||
transitionDuration: 1000,
|
||||
transitionRegister: [],
|
||||
animation: null,
|
||||
animationDuration: 'auto',
|
||||
animationRegister: [],
|
||||
slidesToKeep: 1,
|
||||
init: function () {},
|
||||
play: function () {},
|
||||
pause: function () {},
|
||||
walk: function () {},
|
||||
slides: [
|
||||
// {
|
||||
// src: null,
|
||||
// color: null,
|
||||
// delay: null,
|
||||
// align: null,
|
||||
// valign: null,
|
||||
// transition: null,
|
||||
// transitionDuration: null,
|
||||
// animation: null,
|
||||
// animationDuration: null,
|
||||
// cover: true,
|
||||
// video: {
|
||||
// src: [],
|
||||
// mute: true,
|
||||
// loop: true
|
||||
// }
|
||||
// ...
|
||||
]
|
||||
};
|
||||
|
||||
var videoCache = {};
|
||||
|
||||
var Vegas = function (elmt, options) {
|
||||
this.elmt = elmt;
|
||||
this.settings = $.extend({}, defaults, $.vegas.defaults, options);
|
||||
this.slide = this.settings.slide;
|
||||
this.total = this.settings.slides.length;
|
||||
this.noshow = this.total < 2;
|
||||
this.paused = !this.settings.autoplay || this.noshow;
|
||||
this.ended = false;
|
||||
this.$elmt = $(elmt);
|
||||
this.$timer = null;
|
||||
this.$overlay = null;
|
||||
this.$slide = null;
|
||||
this.timeout = null;
|
||||
this.first = true;
|
||||
|
||||
this.transitions = [
|
||||
'fade', 'fade2',
|
||||
'blur', 'blur2',
|
||||
'flash', 'flash2',
|
||||
'negative', 'negative2',
|
||||
'burn', 'burn2',
|
||||
'slideLeft', 'slideLeft2',
|
||||
'slideRight', 'slideRight2',
|
||||
'slideUp', 'slideUp2',
|
||||
'slideDown', 'slideDown2',
|
||||
'zoomIn', 'zoomIn2',
|
||||
'zoomOut', 'zoomOut2',
|
||||
'swirlLeft', 'swirlLeft2',
|
||||
'swirlRight', 'swirlRight2'
|
||||
];
|
||||
|
||||
this.animations = [
|
||||
'kenburns',
|
||||
'kenburnsLeft', 'kenburnsRight',
|
||||
'kenburnsUp', 'kenburnsUpLeft', 'kenburnsUpRight',
|
||||
'kenburnsDown', 'kenburnsDownLeft', 'kenburnsDownRight'
|
||||
];
|
||||
|
||||
if (this.settings.transitionRegister instanceof Array === false) {
|
||||
this.settings.transitionRegister = [ this.settings.transitionRegister ];
|
||||
}
|
||||
|
||||
if (this.settings.animationRegister instanceof Array === false) {
|
||||
this.settings.animationRegister = [ this.settings.animationRegister ];
|
||||
}
|
||||
|
||||
this.transitions = this.transitions.concat(this.settings.transitionRegister);
|
||||
this.animations = this.animations.concat(this.settings.animationRegister);
|
||||
|
||||
this.support = {
|
||||
objectFit: 'objectFit' in document.body.style,
|
||||
transition: 'transition' in document.body.style || 'WebkitTransition' in document.body.style,
|
||||
video: $.vegas.isVideoCompatible()
|
||||
};
|
||||
|
||||
if (this.settings.shuffle === true) {
|
||||
this.shuffle();
|
||||
}
|
||||
|
||||
this._init();
|
||||
};
|
||||
|
||||
Vegas.prototype = {
|
||||
_init: function () {
|
||||
var $wrapper,
|
||||
$overlay,
|
||||
$timer,
|
||||
isBody = this.elmt.tagName === 'BODY',
|
||||
timer = this.settings.timer,
|
||||
overlay = this.settings.overlay,
|
||||
self = this;
|
||||
|
||||
// Preloading
|
||||
this._preload();
|
||||
|
||||
// Wrapper with content
|
||||
if (!isBody) {
|
||||
this.$elmt.css('height', this.$elmt.css('height'));
|
||||
|
||||
$wrapper = $('<div class="vegas-wrapper">')
|
||||
.css('overflow', this.$elmt.css('overflow'))
|
||||
.css('padding', this.$elmt.css('padding'));
|
||||
|
||||
// Some browsers don't compute padding shorthand
|
||||
if (!this.$elmt.css('padding')) {
|
||||
$wrapper
|
||||
.css('padding-top', this.$elmt.css('padding-top'))
|
||||
.css('padding-bottom', this.$elmt.css('padding-bottom'))
|
||||
.css('padding-left', this.$elmt.css('padding-left'))
|
||||
.css('padding-right', this.$elmt.css('padding-right'));
|
||||
}
|
||||
|
||||
this.$elmt.clone(true).children().appendTo($wrapper);
|
||||
this.elmt.innerHTML = '';
|
||||
}
|
||||
|
||||
// Timer
|
||||
if (timer && this.support.transition) {
|
||||
$timer = $('<div class="vegas-timer"><div class="vegas-timer-progress">');
|
||||
this.$timer = $timer;
|
||||
this.$elmt.prepend($timer);
|
||||
}
|
||||
|
||||
// Overlay
|
||||
if (overlay) {
|
||||
$overlay = $('<div class="vegas-overlay">');
|
||||
|
||||
if (typeof overlay === 'string') {
|
||||
$overlay.css('background-image', 'url(' + overlay + ')');
|
||||
}
|
||||
|
||||
this.$overlay = $overlay;
|
||||
this.$elmt.prepend($overlay);
|
||||
}
|
||||
|
||||
// Container
|
||||
this.$elmt.addClass('vegas-container');
|
||||
|
||||
if (!isBody) {
|
||||
this.$elmt.append($wrapper);
|
||||
}
|
||||
|
||||
setTimeout(function () {
|
||||
self.trigger('init');
|
||||
self._goto(self.slide);
|
||||
|
||||
if (self.settings.autoplay) {
|
||||
self.trigger('play');
|
||||
}
|
||||
}, 1);
|
||||
},
|
||||
|
||||
_preload: function () {
|
||||
var img, i;
|
||||
|
||||
for (i = 0; i < this.settings.slides.length; i++) {
|
||||
if (this.settings.preload || this.settings.preloadImages) {
|
||||
if (this.settings.slides[i].src) {
|
||||
img = new Image();
|
||||
img.src = this.settings.slides[i].src;
|
||||
}
|
||||
}
|
||||
|
||||
if (this.settings.preload || this.settings.preloadVideos) {
|
||||
if (this.support.video && this.settings.slides[i].video) {
|
||||
if (this.settings.slides[i].video instanceof Array) {
|
||||
this._video(this.settings.slides[i].video);
|
||||
} else {
|
||||
this._video(this.settings.slides[i].video.src);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_random: function (array) {
|
||||
return array[Math.floor(Math.random() * array.length)];
|
||||
},
|
||||
|
||||
_slideShow: function () {
|
||||
var self = this;
|
||||
|
||||
if (this.total > 1 && !this.ended && !this.paused && !this.noshow) {
|
||||
this.timeout = setTimeout(function () {
|
||||
self.next();
|
||||
}, this._options('delay'));
|
||||
}
|
||||
},
|
||||
|
||||
_timer: function (state) {
|
||||
var self = this;
|
||||
|
||||
clearTimeout(this.timeout);
|
||||
|
||||
if (!this.$timer) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.$timer
|
||||
.removeClass('vegas-timer-running')
|
||||
.find('div')
|
||||
.css('transition-duration', '0ms');
|
||||
|
||||
if (this.ended || this.paused || this.noshow) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (state) {
|
||||
setTimeout(function () {
|
||||
self.$timer
|
||||
.addClass('vegas-timer-running')
|
||||
.find('div')
|
||||
.css('transition-duration', self._options('delay') - 100 + 'ms');
|
||||
}, 100);
|
||||
}
|
||||
},
|
||||
|
||||
_video: function (srcs) {
|
||||
var video,
|
||||
source,
|
||||
cacheKey = srcs.toString();
|
||||
|
||||
if (videoCache[cacheKey]) {
|
||||
return videoCache[cacheKey];
|
||||
}
|
||||
|
||||
if (srcs instanceof Array === false) {
|
||||
srcs = [ srcs ];
|
||||
}
|
||||
|
||||
video = document.createElement('video');
|
||||
video.preload = true;
|
||||
|
||||
srcs.forEach(function (src) {
|
||||
source = document.createElement('source');
|
||||
source.src = src;
|
||||
video.appendChild(source);
|
||||
});
|
||||
|
||||
videoCache[cacheKey] = video;
|
||||
|
||||
return video;
|
||||
},
|
||||
|
||||
_fadeOutSound: function (video, duration) {
|
||||
var self = this,
|
||||
delay = duration / 10,
|
||||
volume = video.volume - 0.09;
|
||||
|
||||
if (volume > 0) {
|
||||
video.volume = volume;
|
||||
|
||||
setTimeout(function () {
|
||||
self._fadeOutSound(video, duration);
|
||||
}, delay);
|
||||
} else {
|
||||
video.pause();
|
||||
}
|
||||
},
|
||||
|
||||
_fadeInSound: function (video, duration) {
|
||||
var self = this,
|
||||
delay = duration / 10,
|
||||
volume = video.volume + 0.09;
|
||||
|
||||
if (volume < 1) {
|
||||
video.volume = volume;
|
||||
|
||||
setTimeout(function () {
|
||||
self._fadeInSound(video, duration);
|
||||
}, delay);
|
||||
}
|
||||
},
|
||||
|
||||
_options: function (key, i) {
|
||||
if (i === undefined) {
|
||||
i = this.slide;
|
||||
}
|
||||
|
||||
if (this.settings.slides[i][key] !== undefined) {
|
||||
return this.settings.slides[i][key];
|
||||
}
|
||||
|
||||
return this.settings[key];
|
||||
},
|
||||
|
||||
_goto: function (nb) {
|
||||
if (typeof this.settings.slides[nb] === 'undefined') {
|
||||
nb = 0;
|
||||
}
|
||||
|
||||
this.slide = nb;
|
||||
|
||||
var $slide,
|
||||
$inner,
|
||||
$video,
|
||||
$slides = this.$elmt.children('.vegas-slide'),
|
||||
src = this.settings.slides[nb].src,
|
||||
videoSettings = this.settings.slides[nb].video,
|
||||
delay = this._options('delay'),
|
||||
align = this._options('align'),
|
||||
valign = this._options('valign'),
|
||||
cover = this._options('cover'),
|
||||
color = this._options('color') || this.$elmt.css('background-color'),
|
||||
self = this,
|
||||
total = $slides.length,
|
||||
video,
|
||||
img;
|
||||
|
||||
var transition = this._options('transition'),
|
||||
transitionDuration = this._options('transitionDuration'),
|
||||
animation = this._options('animation'),
|
||||
animationDuration = this._options('animationDuration');
|
||||
|
||||
if (this.settings.firstTransition && this.first) {
|
||||
transition = this.settings.firstTransition || transition;
|
||||
}
|
||||
|
||||
if (this.settings.firstTransitionDuration && this.first) {
|
||||
transitionDuration = this.settings.firstTransitionDuration || transitionDuration;
|
||||
}
|
||||
|
||||
if (this.first) {
|
||||
this.first = false;
|
||||
}
|
||||
|
||||
if (cover !== 'repeat') {
|
||||
if (cover === true) {
|
||||
cover = 'cover';
|
||||
} else if (cover === false) {
|
||||
cover = 'contain';
|
||||
}
|
||||
}
|
||||
|
||||
if (transition === 'random' || transition instanceof Array) {
|
||||
if (transition instanceof Array) {
|
||||
transition = this._random(transition);
|
||||
} else {
|
||||
transition = this._random(this.transitions);
|
||||
}
|
||||
}
|
||||
|
||||
if (animation === 'random' || animation instanceof Array) {
|
||||
if (animation instanceof Array) {
|
||||
animation = this._random(animation);
|
||||
} else {
|
||||
animation = this._random(this.animations);
|
||||
}
|
||||
}
|
||||
|
||||
if (transitionDuration === 'auto' || transitionDuration > delay) {
|
||||
transitionDuration = delay;
|
||||
}
|
||||
|
||||
if (animationDuration === 'auto') {
|
||||
animationDuration = delay;
|
||||
}
|
||||
|
||||
$slide = $('<div class="vegas-slide"></div>');
|
||||
|
||||
if (this.support.transition && transition) {
|
||||
$slide.addClass('vegas-transition-' + transition);
|
||||
}
|
||||
|
||||
// Video
|
||||
|
||||
if (this.support.video && videoSettings) {
|
||||
if (videoSettings instanceof Array) {
|
||||
video = this._video(videoSettings);
|
||||
} else {
|
||||
video = this._video(videoSettings.src);
|
||||
}
|
||||
|
||||
video.loop = videoSettings.loop !== undefined ? videoSettings.loop : true;
|
||||
video.muted = videoSettings.mute !== undefined ? videoSettings.mute : true;
|
||||
|
||||
if (video.muted === false) {
|
||||
video.volume = 0;
|
||||
this._fadeInSound(video, transitionDuration);
|
||||
} else {
|
||||
video.pause();
|
||||
}
|
||||
|
||||
$video = $(video)
|
||||
.addClass('vegas-video')
|
||||
.css('background-color', color);
|
||||
|
||||
if (this.support.objectFit) {
|
||||
$video
|
||||
.css('object-position', align + ' ' + valign)
|
||||
.css('object-fit', cover)
|
||||
.css('width', '100%')
|
||||
.css('height', '100%');
|
||||
} else if (cover === 'contain') {
|
||||
$video
|
||||
.css('width', '100%')
|
||||
.css('height', '100%');
|
||||
}
|
||||
|
||||
$slide.append($video);
|
||||
|
||||
// Image
|
||||
|
||||
} else {
|
||||
img = new Image();
|
||||
|
||||
$inner = $('<div class="vegas-slide-inner"></div>')
|
||||
.css('background-image', 'url("' + src + '")')
|
||||
.css('background-color', color)
|
||||
.css('background-position', align + ' ' + valign);
|
||||
|
||||
if (cover === 'repeat') {
|
||||
$inner.css('background-repeat', 'repeat');
|
||||
} else {
|
||||
$inner.css('background-size', cover);
|
||||
}
|
||||
|
||||
if (this.support.transition && animation) {
|
||||
$inner
|
||||
.addClass('vegas-animation-' + animation)
|
||||
.css('animation-duration', animationDuration + 'ms');
|
||||
}
|
||||
|
||||
$slide.append($inner);
|
||||
}
|
||||
|
||||
if (!this.support.transition) {
|
||||
$slide.css('display', 'none');
|
||||
}
|
||||
|
||||
if (total) {
|
||||
$slides.eq(total - 1).after($slide);
|
||||
} else {
|
||||
this.$elmt.prepend($slide);
|
||||
}
|
||||
|
||||
$slides
|
||||
.css('transition', 'all 0ms')
|
||||
.each(function () {
|
||||
this.className = 'vegas-slide';
|
||||
|
||||
if (this.tagName === 'VIDEO') {
|
||||
this.className += ' vegas-video';
|
||||
}
|
||||
|
||||
if (transition) {
|
||||
this.className += ' vegas-transition-' + transition;
|
||||
this.className += ' vegas-transition-' + transition + '-in';
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
self._timer(false);
|
||||
|
||||
function go () {
|
||||
self._timer(true);
|
||||
|
||||
setTimeout(function () {
|
||||
if (transition) {
|
||||
if (self.support.transition) {
|
||||
$slides
|
||||
.css('transition', 'all ' + transitionDuration + 'ms')
|
||||
.addClass('vegas-transition-' + transition + '-out');
|
||||
|
||||
$slides.each(function () {
|
||||
var video = $slides.find('video').get(0);
|
||||
|
||||
if (video) {
|
||||
video.volume = 1;
|
||||
self._fadeOutSound(video, transitionDuration);
|
||||
}
|
||||
});
|
||||
|
||||
$slide
|
||||
.css('transition', 'all ' + transitionDuration + 'ms')
|
||||
.addClass('vegas-transition-' + transition + '-in');
|
||||
} else {
|
||||
$slide.fadeIn(transitionDuration);
|
||||
}
|
||||
}
|
||||
|
||||
for (var i = 0; i < $slides.length - self.settings.slidesToKeep; i++) {
|
||||
$slides.eq(i).remove();
|
||||
}
|
||||
|
||||
self.trigger('walk');
|
||||
self._slideShow();
|
||||
}, 100);
|
||||
}
|
||||
if (video) {
|
||||
if (video.readyState === 4) {
|
||||
video.currentTime = 0;
|
||||
}
|
||||
|
||||
video.play();
|
||||
go();
|
||||
} else {
|
||||
img.src = src;
|
||||
|
||||
if (img.complete) {
|
||||
go();
|
||||
} else {
|
||||
img.onload = go;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_end: function () {
|
||||
if (this.settings.autoplay) {
|
||||
this.ended = false;
|
||||
} else {
|
||||
this.ended = true;
|
||||
}
|
||||
this._timer(false);
|
||||
this.trigger('end');
|
||||
},
|
||||
|
||||
shuffle: function () {
|
||||
var temp,
|
||||
rand;
|
||||
|
||||
for (var i = this.total - 1; i > 0; i--) {
|
||||
rand = Math.floor(Math.random() * (i + 1));
|
||||
temp = this.settings.slides[i];
|
||||
|
||||
this.settings.slides[i] = this.settings.slides[rand];
|
||||
this.settings.slides[rand] = temp;
|
||||
}
|
||||
},
|
||||
|
||||
play: function () {
|
||||
if (this.paused) {
|
||||
this.paused = false;
|
||||
this.next();
|
||||
this.trigger('play');
|
||||
}
|
||||
},
|
||||
|
||||
pause: function () {
|
||||
this._timer(false);
|
||||
this.paused = true;
|
||||
this.trigger('pause');
|
||||
},
|
||||
|
||||
toggle: function () {
|
||||
if (this.paused) {
|
||||
this.play();
|
||||
} else {
|
||||
this.pause();
|
||||
}
|
||||
},
|
||||
|
||||
playing: function () {
|
||||
return !this.paused && !this.noshow;
|
||||
},
|
||||
|
||||
current: function (advanced) {
|
||||
if (advanced) {
|
||||
return {
|
||||
slide: this.slide,
|
||||
data: this.settings.slides[this.slide]
|
||||
};
|
||||
}
|
||||
return this.slide;
|
||||
},
|
||||
|
||||
jump: function (nb) {
|
||||
if (nb < 0 || nb > this.total - 1 || nb === this.slide) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.slide = nb;
|
||||
this._goto(this.slide);
|
||||
},
|
||||
|
||||
next: function () {
|
||||
this.slide++;
|
||||
|
||||
if (this.slide >= this.total) {
|
||||
if (!this.settings.loop) {
|
||||
return this._end();
|
||||
}
|
||||
|
||||
this.slide = 0;
|
||||
}
|
||||
|
||||
this._goto(this.slide);
|
||||
},
|
||||
|
||||
previous: function () {
|
||||
this.slide--;
|
||||
|
||||
if (this.slide < 0) {
|
||||
if (!this.settings.loop) {
|
||||
this.slide++;
|
||||
return;
|
||||
} else {
|
||||
this.slide = this.total - 1;
|
||||
}
|
||||
}
|
||||
|
||||
this._goto(this.slide);
|
||||
},
|
||||
|
||||
trigger: function (fn) {
|
||||
var params = [];
|
||||
|
||||
if (fn === 'init') {
|
||||
params = [ this.settings ];
|
||||
} else {
|
||||
params = [
|
||||
this.slide,
|
||||
this.settings.slides[this.slide]
|
||||
];
|
||||
}
|
||||
|
||||
this.$elmt.trigger('vegas' + fn, params);
|
||||
|
||||
if (typeof this.settings[fn] === 'function') {
|
||||
this.settings[fn].apply(this.$elmt, params);
|
||||
}
|
||||
},
|
||||
|
||||
options: function (key, value) {
|
||||
var oldSlides = this.settings.slides.slice();
|
||||
|
||||
if (typeof key === 'object') {
|
||||
this.settings = $.extend({}, defaults, $.vegas.defaults, key);
|
||||
} else if (typeof key === 'string') {
|
||||
if (value === undefined) {
|
||||
return this.settings[key];
|
||||
}
|
||||
this.settings[key] = value;
|
||||
} else {
|
||||
return this.settings;
|
||||
}
|
||||
|
||||
// In case slides have changed
|
||||
if (this.settings.slides !== oldSlides) {
|
||||
this.total = this.settings.slides.length;
|
||||
this.noshow = this.total < 2;
|
||||
this._preload();
|
||||
}
|
||||
},
|
||||
|
||||
destroy: function () {
|
||||
clearTimeout(this.timeout);
|
||||
|
||||
this.$elmt.removeClass('vegas-container');
|
||||
this.$elmt.find('> .vegas-slide').remove();
|
||||
this.$elmt.find('> .vegas-wrapper').clone(true).children().appendTo(this.$elmt);
|
||||
this.$elmt.find('> .vegas-wrapper').remove();
|
||||
|
||||
if (this.settings.timer) {
|
||||
this.$timer.remove();
|
||||
}
|
||||
|
||||
if (this.settings.overlay) {
|
||||
this.$overlay.remove();
|
||||
}
|
||||
|
||||
this.elmt._vegas = null;
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.vegas = function(options) {
|
||||
var args = arguments,
|
||||
error = false,
|
||||
returns;
|
||||
|
||||
if (options === undefined || typeof options === 'object') {
|
||||
return this.each(function () {
|
||||
if (!this._vegas) {
|
||||
this._vegas = new Vegas(this, options);
|
||||
}
|
||||
});
|
||||
} else if (typeof options === 'string') {
|
||||
this.each(function () {
|
||||
var instance = this._vegas;
|
||||
|
||||
if (!instance) {
|
||||
throw new Error('No Vegas applied to this element.');
|
||||
}
|
||||
|
||||
if (typeof instance[options] === 'function' && options[0] !== '_') {
|
||||
returns = instance[options].apply(instance, [].slice.call(args, 1));
|
||||
} else {
|
||||
error = true;
|
||||
}
|
||||
});
|
||||
|
||||
if (error) {
|
||||
throw new Error('No method "' + options + '" in Vegas.');
|
||||
}
|
||||
|
||||
return returns !== undefined ? returns : this;
|
||||
}
|
||||
};
|
||||
|
||||
$.vegas = {};
|
||||
$.vegas.defaults = defaults;
|
||||
|
||||
$.vegas.isVideoCompatible = function () {
|
||||
return !/(Android|webOS|Phone|iPad|iPod|BlackBerry|Windows Phone)/i.test(navigator.userAgent);
|
||||
};
|
||||
|
||||
})(window.jQuery || window.Zepto);
|
||||
2
vegas/_js/vegas.min.css
vendored
Normal file
2
vegas/_js/vegas.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
vegas/_js/vegas.min.css.map
Normal file
1
vegas/_js/vegas.min.css.map
Normal file
File diff suppressed because one or more lines are too long
11
vegas/_js/vegas.min.js
vendored
Normal file
11
vegas/_js/vegas.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
vegas/_js/vegas.min.js.map
Normal file
1
vegas/_js/vegas.min.js.map
Normal file
File diff suppressed because one or more lines are too long
2
vegas/_js/zepto.min.js
vendored
Normal file
2
vegas/_js/zepto.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
vegas/img/2017-07-02_OulettesDeGaube_4468.jpg
Normal file
BIN
vegas/img/2017-07-02_OulettesDeGaube_4468.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 462 KiB |
BIN
vegas/img/2017-07-04_RefugeDesEspuguettes_4812.jpg
Normal file
BIN
vegas/img/2017-07-04_RefugeDesEspuguettes_4812.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 377 KiB |
BIN
vegas/img/2017-07-06_CirqueDEstaube_5398.jpg
Normal file
BIN
vegas/img/2017-07-06_CirqueDEstaube_5398.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 373 KiB |
BIN
vegas/img/2017-07-07_CirqueDeTroumouse_5615.jpg
Normal file
BIN
vegas/img/2017-07-07_CirqueDeTroumouse_5615.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 382 KiB |
118
vegas/index.php
Normal file
118
vegas/index.php
Normal file
@@ -0,0 +1,118 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr-FR">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Sur le sentier...</title>
|
||||
<link rel="Shortcut Icon" href="../favicon.ico" type="image/x-icon" />
|
||||
<!--script src="https://zeptojs.com/zepto.min.js"></script-->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="js/vegas.min.js"></script>
|
||||
<link href='https://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>
|
||||
<!-- Patrick+Hand|Josefin+Sans|Coming+Soon|Comfortaa|Pontano+Sans|Rock+Salt -->
|
||||
<link rel="stylesheet" type="text/css" href="js/vegas.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="js/vegas-style.css" />
|
||||
|
||||
<?php
|
||||
//Get a list of file paths using the glob function.
|
||||
$fileList = glob('img/*');
|
||||
|
||||
$host = (($_SERVER['HTTPS'] == 'on') ? 'https' : "http") . '://' . $_SERVER['HTTP_HOST'];
|
||||
$root = $_SERVER['DOCUMENT_ROOT'];
|
||||
include($root.'/lib2/localize.php');
|
||||
$dir_locales = $root . '/locales';
|
||||
|
||||
$liste_locale = list_dir($dir_locales);
|
||||
if ((!isset($_POST['lang'])) and (!isset($_GET['lang']))) $langue = locale_language_from_browser($myLanguages);
|
||||
else $langue = $_REQUEST['lang'];
|
||||
|
||||
$domain = 'clicclac';
|
||||
putenv('LC_ALL=' . $langue);
|
||||
$loc = setlocale(LC_ALL, $langue);
|
||||
bindtextdomain($domain, $root . '/locales/');
|
||||
bind_textdomain_codeset($domain, 'UTF-8');
|
||||
textdomain($domain);
|
||||
$nation = array('fr_FR' => gettext('French'), 'en_US' => gettext('English') , 'de_DE' => gettext('German'), 'es_ES' => gettext('Spanish') );
|
||||
?>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<script type="text/javascript">
|
||||
$("#exemple, body").vegas({
|
||||
slides: [
|
||||
<?php
|
||||
foreach($fileList as $filename){
|
||||
echo '{ src: "' . $filename . '" },' . "\r\n";
|
||||
}
|
||||
|
||||
?>
|
||||
],
|
||||
animation: 'random',
|
||||
animationDuration: '20000'
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<div class="vegas-menu">
|
||||
|
||||
<div class="tweet-it">
|
||||
<div class="icn">
|
||||
<a title="Flickr" href="https://www.flickr.com/photos/funnymac/">
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
|
||||
<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
|
||||
<g><path d="M500,10C229.4,10,10,229.5,10,500c0,270.6,219.4,490,490,490c270.6,0,490-219.4,490-490C990,229.5,770.6,10,500,10L500,10z M312.1,651.8c-85.2,0-154.3-69-154.3-154.2c0-85.2,69.1-154.2,154.3-154.2c85.2,0,154.2,69,154.2,154.2C466.3,582.9,397.3,651.8,312.1,651.8z M699.1,651.8c-85.2,0-154.2-69-154.2-154.2c0-85.2,69-154.2,154.2-154.2s154.2,69,154.2,154.2C853.3,582.9,784.3,651.8,699.1,651.8z"/></g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="icn">
|
||||
<a title="500px" href="https://500px.com/bruno_21">
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
|
||||
<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
|
||||
<g><path d="M538.2,510.1c-11.8-8.5-24.2-16.1-38.4-19.6c-21.7-5.4-41.5-2.3-56.9,15.4c-12,13.7-17.7,29.9-17.6,49.3c0.1,1.8,0.3,4.6,0.5,7.5c2.3,26.9,20.3,47.1,46.3,51.9c14.3,2.6,28.2,0.7,41.7-4.6c28.8-11.2,50.8-31.4,70.8-54.1c1.5-1.7,0.8-2.5-0.4-3.7C569.8,537.1,555.1,522.3,538.2,510.1z"/><path d="M768.7,488.7c-18.2,2.4-33.2,11.4-47.3,22.2c-15.8,12.1-29,26.8-42.6,41.2c-1.8,1.9-1,2.9,0.3,4.4c9.5,10.7,19.4,21.1,30.6,30.1c18.6,15,38.7,26.5,63.2,28.8c27.6,2.6,50-10.4,59.9-35.4c3.4-8.7,4.9-17.7,4.9-28.3c0.1-2.6-0.3-6.5-0.8-10.4C832.7,506.6,803.4,484.1,768.7,488.7z"/><path d="M937.9,10H62.1C33.3,10,10,33.3,10,62.1v875.7c0,28.8,23.3,52.1,52.1,52.1h875.7c28.8,0,52.1-23.3,52.1-52.1V62.1C990,33.3,966.7,10,937.9,10z M899.5,607c-19.6,54.6-65.1,85.8-123.2,85.1c-35.4-0.4-65.6-14.1-93.2-35c-18-13.7-33.4-30-48.3-47c-2.5-2.8-3.7-3.5-6.7-0.3c-15.2,15.8-29.6,32.3-46.6,46.2c-21.5,17.6-45.3,30.7-73.2,34.5c-49.3,6.7-91.8-6.3-124.9-44.9c-7.5-8.8-13.1-18.7-17.8-29.3c-0.6-1.3-0.8-2.9-2.3-4c-6.5,14-14.5,26.9-25,38.1c-26.6,28.2-59.3,42.9-97.9,44.3c-27.9,1-55.3-2.6-80.7-14.7c-42.7-20.2-66.1-53.9-69-101.4c-0.2-3.6,0.8-4.6,4.4-4.5c22.9,0.2,45.9,0.2,68.9,0c3.4,0,4.4,1,5,4.4c4.4,26.2,18.5,44.4,44.9,51c36.8,9.1,70.6-11.7,80.3-49.6c6.5-25.5,3.7-49.9-13.2-71.2c-11.2-14.1-26.5-21-44.4-22.2c-25.8-1.8-46.8,6.7-62.1,28.1c-1.4,2-3.1,2.5-5.4,2.5c-20.7-0.1-41.4-0.1-62,0c-3.6,0-4.3-1-3.7-4.4c10.7-59.7,21.4-119.4,32-179.1c1.5-8.2,3-16.3,4.3-24.5c0.4-2.7,1.5-3.7,4.4-3.7c68.7,0.1,137.4,0.1,206.1,0c3.3,0,4,1.1,4,4.1c-0.1,18.4-0.2,36.8,0,55.2c0,3.8-0.9,4.8-4.7,4.8c-49.2-0.1-98.4,0-147.6-0.2c-4.1,0-5.9,0.7-6.7,5.3c-4.3,26.2-9.1,52.3-13.7,78.5c-0.2,1.1-1,2.6,0.2,3.3c1.3,0.8,2.1-0.8,2.9-1.6c22.5-21.7,50-28.3,80.4-26.7c29.2,1.6,54.1,12.5,74.6,33.3c8.6,8.7,15.2,18.7,20.6,29.6c0.6,1.2,1.2,2.4,2.2,4.5c5.8-15.3,13-28.7,23.1-40.2c22.3-25.4,50.5-39,84-42.1c47.2-4.4,86,13.9,120,44.9c14.1,12.8,26.5,27.2,38.8,41.8c2.6,3.1,3.7,3.4,6.5,0.1c15.8-18.7,31.5-37.5,50.8-52.7c22.4-17.5,47-30.2,75.6-33.5c70.6-8.3,129.6,30.2,144.7,103.1C912.1,547.2,910.1,577.5,899.5,607z"/></g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="icn">
|
||||
<a title="mail" href="mailto:contact.clicclac.info?subject=[Contact] sur-le-sentier.fr">
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
|
||||
<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
|
||||
<g><path d="M956.7,141H43.3C24.9,141,10,155.9,10,174.2v651.5c0,18.3,14.9,33.3,33.3,33.3h913.5c18.3,0,33.3-14.9,33.3-33.3V174.2C990,155.9,975.1,141,956.7,141z M950.5,687L693.1,483.4c86.1-75,202.8-176.7,257.4-224.4V687L950.5,687z M950.5,180.4v26.3c-42.2,36.7-358.1,312.1-385.3,335.8c-27.6,24-54.8,26.6-65.2,26.6c-10.4,0-37.7-2.6-65.3-26.6c-27.2-23.7-343.1-299-385.3-335.8v-26.3H950.5L950.5,180.4z M309.6,485.7L49.5,691.4V259.1C104.7,307.2,223.3,410.5,309.6,485.7z M49.5,819.6v-77.9l290.4-229.6c35.8,31.2,62,54,69,60.1c37.6,32.8,76.3,36.3,91.2,36.3s53.6-3.5,91.2-36.3c7.2-6.3,34.5-30.1,71.7-62.4l287.7,227.5v82.3H49.5L49.5,819.6z"/></g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="icn">
|
||||
<a title="rss" href="https://silverbook.local/wordpress/feed/">
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
|
||||
<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
|
||||
<g><path d="M143.6,722.7c-37.1,0-68.7,13-94.7,39c-26,26-39,57.5-39,94.6c0,37.1,13,68.7,39,94.7c26,26,57.5,39,94.7,39s68.7-13,94.6-39c26-26,39-57.5,39-94.7c0-37.1-13-68.7-39-94.6C212.3,735.7,180.7,722.7,143.6,722.7z"/><path d="M451.2,548.7c-52.4-52.9-112.5-95-180.3-126.3c-67.7-31.3-138.7-50-213-56h-3.5c-12.1,0-22,3.9-29.9,11.8c-9.7,8.3-14.6,19.3-14.6,32.7v94c0,11.6,3.8,21.6,11.5,29.9c7.7,8.4,17.3,13,28.9,13.9c106.2,10.2,197.1,53,272.5,128.4c75.4,75.4,118.2,166.2,128.4,272.5c0.9,11.6,5.6,21.2,13.9,28.9c8.4,7.7,18.3,11.5,29.9,11.5h94c13.5,0,24.4-4.9,32.7-14.6c8.8-9.3,12.8-20.4,11.8-33.4c-6-74.2-24.7-145.2-56-212.9C546.2,661.2,504.1,601.1,451.2,548.7z"/><path d="M906.4,594.3c-49.6-111.1-117.8-209.8-204.6-296.1c-86.3-86.8-185-155-296.1-204.6C294.5,43.9,178.2,16.1,56.6,10h-2.1c-12.1,0-22.3,4.2-30.6,12.5c-9.3,8.3-13.9,19-13.9,32v99.5c0,11.6,4.1,21.7,12.2,30.3c8.1,8.6,18,13.1,29.6,13.6c99.8,6,194.5,29.7,284.3,71c89.8,41.3,167.7,95,233.8,161.1C636,496.2,689.7,574.1,731,663.9c41.3,89.8,64.7,184.5,70.3,284.3c0.5,11.6,5,21.5,13.6,29.6c8.6,8.1,18.9,12.2,31,12.2h99.5c13,0,23.6-4.6,32-13.9c9.3-9.3,13.4-20.2,12.5-32.7C983.9,821.8,956,705.4,906.4,594.3z"/></g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<h1> sur-le-sentier... </h1>
|
||||
|
||||
<div class="menu">
|
||||
|
||||
<div class="texte"><a href="/wordpress/" title="<?php echo gettext('Blog'); ?>"> <?php echo gettext('Go to the <span class="green">blog...</span>'); ?></a></div>
|
||||
|
||||
<div class="texte"><a href="/zenphoto/" title="<?php echo gettext('Gallery'); ?>"> <?php echo gettext('Visit the <span class="green">gallery...</span>'); ?></a></div>
|
||||
|
||||
<div class="texte"><a href="/photoblog/ce-mois.php" title="<?php echo gettext('This month'); ?>"> <?php echo gettext('<span class="green">Latest</span> images...'); ?></a></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="vegas-info">
|
||||
<?php echo gettext('Powered by'); ?> <a href="http://wordpress.org">WordPress</a> - <a href="http://www.zenphoto.org">Zenphoto</a> - <a href="http://vegas.jaysalvat.com">Vegas Background Slideshow 2</a>. <a href="">License des photos</a>. (c) 2013-<?php echo date('Y'); ?> sur-le-sentier.fr
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
vegas/js/overlays/01.png
Normal file
BIN
vegas/js/overlays/01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 B |
BIN
vegas/js/overlays/02.png
Normal file
BIN
vegas/js/overlays/02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 B |
BIN
vegas/js/overlays/03.png
Normal file
BIN
vegas/js/overlays/03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 98 B |
BIN
vegas/js/overlays/04.png
Normal file
BIN
vegas/js/overlays/04.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 B |
BIN
vegas/js/overlays/05.png
Normal file
BIN
vegas/js/overlays/05.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 102 B |
BIN
vegas/js/overlays/06.png
Normal file
BIN
vegas/js/overlays/06.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 B |
BIN
vegas/js/overlays/07.png
Normal file
BIN
vegas/js/overlays/07.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 104 B |
BIN
vegas/js/overlays/08.png
Normal file
BIN
vegas/js/overlays/08.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 106 B |
BIN
vegas/js/overlays/09.png
Normal file
BIN
vegas/js/overlays/09.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 118 B |
284
vegas/js/vegas-style.css
Normal file
284
vegas/js/vegas-style.css
Normal file
@@ -0,0 +1,284 @@
|
||||
/*
|
||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align:baseline
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
||||
display:block
|
||||
}
|
||||
|
||||
body {
|
||||
line-height:1
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style:none
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes:none
|
||||
}
|
||||
|
||||
blockquote:before, blockquote:after, q:before, q:after {
|
||||
content: '';
|
||||
content:none
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing:0
|
||||
}
|
||||
|
||||
html {
|
||||
box-sizing:border-box
|
||||
}
|
||||
|
||||
*, * :before, * :after {
|
||||
box-sizing:inherit
|
||||
}
|
||||
*/
|
||||
|
||||
/* — */
|
||||
|
||||
.vegas-menu {
|
||||
float: right;
|
||||
top: 200px;
|
||||
margin-right: 24px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.vegas-menu h1 {
|
||||
font: bold 64px 'Coming Soon', cursive;
|
||||
color: #fff;
|
||||
letter-spacing: 15px;
|
||||
text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
|
||||
}
|
||||
|
||||
.vegas-menu h1 a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/*
|
||||
Menu
|
||||
*/
|
||||
|
||||
.menu {
|
||||
margin-top: 100px;
|
||||
margin-bottom: 24px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.texte {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.texte a {
|
||||
font-family: 'Coming Soon', cursive;
|
||||
font-size: 32px;
|
||||
font-variant: small-caps;
|
||||
text-align: right;
|
||||
color: #fff;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
|
||||
text-decoration: none;
|
||||
|
||||
padding-right: 0.3em;
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
.texte a:hover {
|
||||
font-style: italic;
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
.clearall {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.green {
|
||||
color: #cff208;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Flickr, 500px
|
||||
*/
|
||||
|
||||
.tweet-it {
|
||||
position: fixed;
|
||||
top: 1.5em;
|
||||
left: 3.5em;
|
||||
z-index: 1000;
|
||||
-webkit-transition: 1s opacity;
|
||||
transition:1s opacity
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.tweet-it {
|
||||
top: 80px;
|
||||
right:1em
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-height: 550px) {
|
||||
.tweet-it {
|
||||
display:none
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 375px) {
|
||||
.tweet-it {
|
||||
display:none
|
||||
}
|
||||
}
|
||||
|
||||
.icn {
|
||||
opacity:.5
|
||||
}
|
||||
|
||||
|
||||
.icn svg {
|
||||
display: block;
|
||||
fill: #fff;
|
||||
border-radius: 50%;
|
||||
border: 2px solid white;
|
||||
padding: 15px;
|
||||
margin: 15px;
|
||||
text-align: center;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.icn:hover {
|
||||
opacity:1
|
||||
}
|
||||
|
||||
/*
|
||||
Propulsé par …
|
||||
*/
|
||||
|
||||
.vegas-info {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 10px;
|
||||
color: #fff;
|
||||
font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
|
||||
filter:alpha(opacity=60);
|
||||
-moz-opacity:0.6;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.vegas-info a:hover, .vegas-info-vert a:hover {
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
|
||||
filter:alpha(opacity=90);
|
||||
-moz-opacity:0.9;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.vegas-info a, .vegas-info a:visited, .vegas-info-vert a, .vegas-info-vert a:visited {
|
||||
color: #cff208;
|
||||
text-decoration: none;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
|
||||
filter:alpha(opacity=60);
|
||||
-moz-opacity:0.6;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
|
||||
/* ---------
|
||||
|
||||
.homepage-header {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color:#000
|
||||
}
|
||||
|
||||
.homepage-info {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
font-family: "Raleway";
|
||||
text-transform: uppercase;
|
||||
line-height: 2.2em;
|
||||
text-align: right;
|
||||
width: 100%;
|
||||
font-size: .60em;
|
||||
right: 1em;
|
||||
bottom:1em
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.homepage-info {
|
||||
right: 2em;
|
||||
bottom: 2.5em;
|
||||
font-size:.85em
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.homepage-info {
|
||||
font-size: .85em;
|
||||
right: 3.5em;
|
||||
bottom:3em
|
||||
}
|
||||
}
|
||||
|
||||
.homepage-info h1 {
|
||||
position: relative;
|
||||
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.3), 0 0 10px #000;
|
||||
letter-spacing: -1px;
|
||||
padding-right: 4.7em;
|
||||
font-size: 1.9em;
|
||||
margin: .75em 0;
|
||||
pointer-events:none
|
||||
}
|
||||
|
||||
.homepage-info h1 span {
|
||||
display:block
|
||||
}
|
||||
|
||||
.homepage-info h1 .line1 {
|
||||
font-size: 3em;
|
||||
letter-spacing: -5px;
|
||||
margin-bottom:.2em
|
||||
}
|
||||
|
||||
.homepage-menu {
|
||||
position: relative;
|
||||
font-weight: 900;
|
||||
margin: .75em 0;
|
||||
font-size:2em
|
||||
}
|
||||
|
||||
.homepage-menu a {
|
||||
color:#fff
|
||||
}
|
||||
|
||||
.homepage-menu li {
|
||||
margin-bottom:4px
|
||||
}
|
||||
|
||||
.homepage-submenu {
|
||||
line-height: 1.6;
|
||||
text-align: left;
|
||||
font-size: .68em;
|
||||
width: 140px;
|
||||
position: absolute;
|
||||
top: -4px;
|
||||
right:0
|
||||
}
|
||||
|
||||
.homepage-submenu li {
|
||||
-webkit-transition: .5s cubic-bezier(0, 0.5, 0, 1);
|
||||
transition: .5s cubic-bezier(0, 0.5, 0, 1);
|
||||
-webkit-transform: translateY(16px);
|
||||
transform: translateY(16px);
|
||||
}
|
||||
*/
|
||||
|
||||
556
vegas/js/vegas.css
Normal file
556
vegas/js/vegas.css
Normal file
@@ -0,0 +1,556 @@
|
||||
.vegas-overlay,
|
||||
.vegas-content-scrollable,
|
||||
.vegas-timer,
|
||||
.vegas-slide,
|
||||
.vegas-slide-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.vegas-content-scrollable {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.vegas-overlay {
|
||||
opacity: .5;
|
||||
background: transparent url("./overlays/02.png") center center repeat;
|
||||
}
|
||||
|
||||
.vegas-timer {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.vegas-timer-progress {
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
background: white;
|
||||
transition: width ease-out;
|
||||
}
|
||||
|
||||
.vegas-timer-running .vegas-timer-progress {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.vegas-slide,
|
||||
.vegas-slide-inner {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: transparent center center no-repeat;
|
||||
transform: translateZ(0);
|
||||
will-change: transform, opacity;
|
||||
}
|
||||
|
||||
body .vegas-container {
|
||||
overflow: hidden !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.vegas-video {
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
body.vegas-container {
|
||||
overflow: auto;
|
||||
position: static;
|
||||
z-index: -2;
|
||||
}
|
||||
|
||||
body.vegas-container > .vegas-timer,
|
||||
body.vegas-container > .vegas-overlay,
|
||||
body.vegas-container > .vegas-slide {
|
||||
position: fixed;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
/* Target Safari IOS7+ in order to add 76px */
|
||||
/*******************************************/
|
||||
/* blur transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-blur,
|
||||
.vegas-transition-blur2 {
|
||||
opacity: 0;
|
||||
filter: blur(32px) brightness(1.01);
|
||||
}
|
||||
|
||||
.vegas-transition-blur-in,
|
||||
.vegas-transition-blur2-in {
|
||||
opacity: 1;
|
||||
filter: blur(0px) brightness(1.01);
|
||||
}
|
||||
|
||||
.vegas-transition-blur2-out {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* burn transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-burn,
|
||||
.vegas-transition-burn2 {
|
||||
opacity: 0;
|
||||
filter: contrast(1000%) saturate(1000%);
|
||||
}
|
||||
|
||||
.vegas-transition-burn-in,
|
||||
.vegas-transition-burn2-in {
|
||||
opacity: 1;
|
||||
filter: contrast(100%) saturate(100%);
|
||||
}
|
||||
|
||||
.vegas-transition-burn2-out {
|
||||
opacity: 0;
|
||||
filter: contrast(1000%) saturate(1000%);
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* fade transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-fade,
|
||||
.vegas-transition-fade2 {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.vegas-transition-fade-in,
|
||||
.vegas-transition-fade2-in {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vegas-transition-fade2-out {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* flash transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-flash,
|
||||
.vegas-transition-flash2 {
|
||||
opacity: 0;
|
||||
filter: brightness(25);
|
||||
}
|
||||
|
||||
.vegas-transition-flash-in,
|
||||
.vegas-transition-flash2-in {
|
||||
opacity: 1;
|
||||
filter: brightness(1);
|
||||
}
|
||||
|
||||
.vegas-transition-flash2-out {
|
||||
opacity: 0;
|
||||
filter: brightness(25);
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* negative transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-negative,
|
||||
.vegas-transition-negative2 {
|
||||
opacity: 0;
|
||||
filter: invert(100%);
|
||||
}
|
||||
|
||||
.vegas-transition-negative-in,
|
||||
.vegas-transition-negative2-in {
|
||||
opacity: 1;
|
||||
filter: invert(0);
|
||||
}
|
||||
|
||||
.vegas-transition-negative2-out {
|
||||
opacity: 0;
|
||||
filter: invert(100%);
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* slideDown transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-slideDown,
|
||||
.vegas-transition-slideDown2 {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideDown-in,
|
||||
.vegas-transition-slideDown2-in {
|
||||
transform: translateY(0%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideDown2-out {
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* slideLeft transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-slideLeft,
|
||||
.vegas-transition-slideLeft2 {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideLeft-in,
|
||||
.vegas-transition-slideLeft2-in {
|
||||
transform: translateX(0%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideLeft2-out {
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* slideRight transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-slideRight,
|
||||
.vegas-transition-slideRight2 {
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideRight-in,
|
||||
.vegas-transition-slideRight2-in {
|
||||
transform: translateX(0%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideRight2-out {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* slideUp transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-slideUp,
|
||||
.vegas-transition-slideUp2 {
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideUp-in,
|
||||
.vegas-transition-slideUp2-in {
|
||||
transform: translateY(0%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideUp2-out {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* swirlLeft transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-swirlLeft,
|
||||
.vegas-transition-swirlLeft2 {
|
||||
transform: scale(2) rotate(35deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.vegas-transition-swirlLeft-in,
|
||||
.vegas-transition-swirlLeft2-in {
|
||||
transform: scale(1) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vegas-transition-swirlLeft2-out {
|
||||
transform: scale(2) rotate(-35deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* swirlRight transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-swirlRight,
|
||||
.vegas-transition-swirlRight2 {
|
||||
transform: scale(2) rotate(-35deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.vegas-transition-swirlRight-in,
|
||||
.vegas-transition-swirlRight2-in {
|
||||
transform: scale(1) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vegas-transition-swirlRight2-out {
|
||||
transform: scale(2) rotate(35deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* zoomIn transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-zoomIn,
|
||||
.vegas-transition-zoomIn2 {
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.vegas-transition-zoomIn-in,
|
||||
.vegas-transition-zoomIn2-in {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vegas-transition-zoomIn2-out {
|
||||
transform: scale(2);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* zoomOut transition */
|
||||
/*******************************************/
|
||||
.vegas-transition-zoomOut,
|
||||
.vegas-transition-zoomOut2 {
|
||||
transform: scale(2);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.vegas-transition-zoomOut-in,
|
||||
.vegas-transition-zoomOut2-in {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vegas-transition-zoomOut2-out {
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburns animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburns {
|
||||
-webkit-animation: kenburns ease-out;
|
||||
animation: kenburns ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburns {
|
||||
0% {
|
||||
transform: scale(1.5);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburns {
|
||||
0% {
|
||||
transform: scale(1.5);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburnsDownLeft animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburnsDownLeft {
|
||||
-webkit-animation: kenburnsDownLeft ease-out;
|
||||
animation: kenburnsDownLeft ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburnsDownLeft {
|
||||
0% {
|
||||
transform: scale(1.5) translate(10%, -10%);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburnsDownLeft {
|
||||
0% {
|
||||
transform: scale(1.5) translate(10%, -10%);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburnsDownRight animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburnsDownRight {
|
||||
-webkit-animation: kenburnsDownRight ease-out;
|
||||
animation: kenburnsDownRight ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburnsDownRight {
|
||||
0% {
|
||||
transform: scale(1.5) translate(-10%, -10%);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburnsDownRight {
|
||||
0% {
|
||||
transform: scale(1.5) translate(-10%, -10%);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburnsDown animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburnsDown {
|
||||
-webkit-animation: kenburnsDown ease-out;
|
||||
animation: kenburnsDown ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburnsDown {
|
||||
0% {
|
||||
transform: scale(1.5) translate(0, -10%);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburnsDown {
|
||||
0% {
|
||||
transform: scale(1.5) translate(0, -10%);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburnsLeft animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburnsLeft {
|
||||
-webkit-animation: kenburnsLeft ease-out;
|
||||
animation: kenburnsLeft ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburnsLeft {
|
||||
0% {
|
||||
transform: scale(1.5) translate(10%, 0);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburnsLeft {
|
||||
0% {
|
||||
transform: scale(1.5) translate(10%, 0);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburnsRight animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburnsRight {
|
||||
-webkit-animation: kenburnsRight ease-out;
|
||||
animation: kenburnsRight ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburnsRight {
|
||||
0% {
|
||||
transform: scale(1.5) translate(-10%, 0);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburnsRight {
|
||||
0% {
|
||||
transform: scale(1.5) translate(-10%, 0);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburnsUpLeft animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburnsUpLeft {
|
||||
-webkit-animation: kenburnsUpLeft ease-out;
|
||||
animation: kenburnsUpLeft ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburnsUpLeft {
|
||||
0% {
|
||||
transform: scale(1.5) translate(10%, 10%);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburnsUpLeft {
|
||||
0% {
|
||||
transform: scale(1.5) translate(10%, 10%);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburnsUpRight animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburnsUpRight {
|
||||
-webkit-animation: kenburnsUpRight ease-out;
|
||||
animation: kenburnsUpRight ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburnsUpRight {
|
||||
0% {
|
||||
transform: scale(1.5) translate(-10%, 10%);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburnsUpRight {
|
||||
0% {
|
||||
transform: scale(1.5) translate(-10%, 10%);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************/
|
||||
/* kenburnsUp animation */
|
||||
/*******************************************/
|
||||
.vegas-animation-kenburnsUp {
|
||||
-webkit-animation: kenburnsUp ease-out;
|
||||
animation: kenburnsUp ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes kenburnsUp {
|
||||
0% {
|
||||
transform: scale(1.5) translate(0, 10%);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburnsUp {
|
||||
0% {
|
||||
transform: scale(1.5) translate(0, 10%);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
751
vegas/js/vegas.js
Normal file
751
vegas/js/vegas.js
Normal file
@@ -0,0 +1,751 @@
|
||||
/*!-----------------------------------------------------------------------------
|
||||
* Vegas - Fullscreen Backgrounds and Slideshows.
|
||||
* v2.5.4 - built 2021-01-30
|
||||
* Licensed under the MIT License.
|
||||
* http://vegas.jaysalvat.com/
|
||||
* ----------------------------------------------------------------------------
|
||||
* Copyright (C) 2010-2021 Jay Salvat
|
||||
* http://jaysalvat.com/
|
||||
* --------------------------------------------------------------------------*/
|
||||
|
||||
(function ($) {
|
||||
'use strict';
|
||||
|
||||
var defaults = {
|
||||
slide: 0,
|
||||
delay: 5000,
|
||||
loop: true,
|
||||
preload: false,
|
||||
preloadImage: false,
|
||||
preloadVideo: false,
|
||||
timer: true,
|
||||
overlay: false,
|
||||
autoplay: true,
|
||||
shuffle: false,
|
||||
cover: true,
|
||||
color: null,
|
||||
align: 'center',
|
||||
valign: 'center',
|
||||
firstTransition: null,
|
||||
firstTransitionDuration: null,
|
||||
transition: 'fade',
|
||||
transitionDuration: 1000,
|
||||
transitionRegister: [],
|
||||
animation: null,
|
||||
animationDuration: 'auto',
|
||||
animationRegister: [],
|
||||
slidesToKeep: 1,
|
||||
init: function () {},
|
||||
play: function () {},
|
||||
pause: function () {},
|
||||
walk: function () {},
|
||||
slides: [
|
||||
// {
|
||||
// src: null,
|
||||
// color: null,
|
||||
// delay: null,
|
||||
// align: null,
|
||||
// valign: null,
|
||||
// transition: null,
|
||||
// transitionDuration: null,
|
||||
// animation: null,
|
||||
// animationDuration: null,
|
||||
// cover: true,
|
||||
// video: {
|
||||
// src: [],
|
||||
// mute: true,
|
||||
// loop: true
|
||||
// }
|
||||
// ...
|
||||
]
|
||||
};
|
||||
|
||||
var videoCache = {};
|
||||
|
||||
var Vegas = function (elmt, options) {
|
||||
this.elmt = elmt;
|
||||
this.settings = $.extend({}, defaults, $.vegas.defaults, options);
|
||||
this.slide = this.settings.slide;
|
||||
this.total = this.settings.slides.length;
|
||||
this.noshow = this.total < 2;
|
||||
this.paused = !this.settings.autoplay || this.noshow;
|
||||
this.ended = false;
|
||||
this.$elmt = $(elmt);
|
||||
this.$timer = null;
|
||||
this.$overlay = null;
|
||||
this.$slide = null;
|
||||
this.timeout = null;
|
||||
this.first = true;
|
||||
|
||||
this.transitions = [
|
||||
'fade', 'fade2',
|
||||
'blur', 'blur2',
|
||||
'flash', 'flash2',
|
||||
'negative', 'negative2',
|
||||
'burn', 'burn2',
|
||||
'slideLeft', 'slideLeft2',
|
||||
'slideRight', 'slideRight2',
|
||||
'slideUp', 'slideUp2',
|
||||
'slideDown', 'slideDown2',
|
||||
'zoomIn', 'zoomIn2',
|
||||
'zoomOut', 'zoomOut2',
|
||||
'swirlLeft', 'swirlLeft2',
|
||||
'swirlRight', 'swirlRight2'
|
||||
];
|
||||
|
||||
this.animations = [
|
||||
'kenburns',
|
||||
'kenburnsLeft', 'kenburnsRight',
|
||||
'kenburnsUp', 'kenburnsUpLeft', 'kenburnsUpRight',
|
||||
'kenburnsDown', 'kenburnsDownLeft', 'kenburnsDownRight'
|
||||
];
|
||||
|
||||
if (!(this.settings.transitionRegister instanceof Array)) {
|
||||
this.settings.transitionRegister = [ this.settings.transitionRegister ];
|
||||
}
|
||||
|
||||
if (!(this.settings.animationRegister instanceof Array)) {
|
||||
this.settings.animationRegister = [ this.settings.animationRegister ];
|
||||
}
|
||||
|
||||
this.transitions = this.transitions.concat(this.settings.transitionRegister);
|
||||
this.animations = this.animations.concat(this.settings.animationRegister);
|
||||
|
||||
this.support = {
|
||||
objectFit: 'objectFit' in document.body.style,
|
||||
transition: 'transition' in document.body.style || 'WebkitTransition' in document.body.style,
|
||||
video: $.vegas.isVideoCompatible()
|
||||
};
|
||||
|
||||
if (this.settings.shuffle === true) {
|
||||
this.shuffle();
|
||||
}
|
||||
|
||||
this._init();
|
||||
};
|
||||
|
||||
Vegas.prototype = {
|
||||
_init: function () {
|
||||
var $content,
|
||||
$contentScroll,
|
||||
$overlay,
|
||||
$timer,
|
||||
isBody = this.elmt.tagName === 'BODY',
|
||||
timer = this.settings.timer,
|
||||
overlay = this.settings.overlay,
|
||||
self = this;
|
||||
|
||||
// Preloading
|
||||
this._preload();
|
||||
|
||||
// Div with scrollable content
|
||||
if (!isBody) {
|
||||
$contentScroll = $('<div class="vegas-content-scrollable">');
|
||||
|
||||
$content = $('<div class="vegas-content">')
|
||||
.css('overflow', this.$elmt.css('overflow'))
|
||||
.css('padding', this.$elmt.css('padding'));
|
||||
|
||||
// Some browsers don't compute padding shorthand
|
||||
if (!this.$elmt.css('padding')) {
|
||||
$content
|
||||
.css('padding-top', this.$elmt.css('padding-top'))
|
||||
.css('padding-bottom', this.$elmt.css('padding-bottom'))
|
||||
.css('padding-left', this.$elmt.css('padding-left'))
|
||||
.css('padding-right', this.$elmt.css('padding-right'));
|
||||
}
|
||||
|
||||
this.$elmt.css('padding', 0);
|
||||
|
||||
this.$elmt.clone(true).children().appendTo($content);
|
||||
this.elmt.innerHTML = '';
|
||||
}
|
||||
|
||||
// Timer
|
||||
if (timer && this.support.transition) {
|
||||
$timer = $('<div class="vegas-timer"><div class="vegas-timer-progress">');
|
||||
this.$timer = $timer;
|
||||
this.$elmt.prepend($timer);
|
||||
}
|
||||
|
||||
// Overlay
|
||||
if (overlay) {
|
||||
$overlay = $('<div class="vegas-overlay">');
|
||||
|
||||
if (typeof overlay === 'string') {
|
||||
$overlay.css('background-image', 'url(' + overlay + ')');
|
||||
}
|
||||
|
||||
this.$overlay = $overlay;
|
||||
this.$elmt.prepend($overlay);
|
||||
}
|
||||
|
||||
// Container
|
||||
this.$elmt.addClass('vegas-container');
|
||||
|
||||
if (!isBody) {
|
||||
this.$elmt.append($contentScroll);
|
||||
$contentScroll.append($content);
|
||||
}
|
||||
|
||||
setTimeout(function () {
|
||||
self.trigger('init');
|
||||
self._goto(self.slide);
|
||||
|
||||
if (self.settings.autoplay) {
|
||||
self.trigger('play');
|
||||
}
|
||||
}, 1);
|
||||
},
|
||||
|
||||
_preload: function () {
|
||||
var img, i;
|
||||
|
||||
for (i = 0; i < this.settings.slides.length; i++) {
|
||||
if (this.settings.preload || this.settings.preloadImages) {
|
||||
if (this.settings.slides[i].src) {
|
||||
img = new Image();
|
||||
img.src = this.settings.slides[i].src;
|
||||
}
|
||||
}
|
||||
|
||||
if (this.settings.preload || this.settings.preloadVideos) {
|
||||
if (this.support.video && this.settings.slides[i].video) {
|
||||
if (this.settings.slides[i].video instanceof Array) {
|
||||
this._video(this.settings.slides[i].video);
|
||||
} else {
|
||||
this._video(this.settings.slides[i].video.src);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_random: function (array) {
|
||||
return array[Math.floor(Math.random() * array.length)];
|
||||
},
|
||||
|
||||
_slideShow: function () {
|
||||
var self = this;
|
||||
|
||||
if (this.total > 1 && !this.ended && !this.paused && !this.noshow) {
|
||||
this.timeout = setTimeout(function () {
|
||||
self.next();
|
||||
}, this._options('delay'));
|
||||
}
|
||||
},
|
||||
|
||||
_timer: function (state) {
|
||||
var self = this;
|
||||
|
||||
clearTimeout(this.timeout);
|
||||
|
||||
if (!this.$timer) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.$timer
|
||||
.removeClass('vegas-timer-running')
|
||||
.find('div')
|
||||
.css('transition-duration', '0ms');
|
||||
|
||||
if (this.ended || this.paused || this.noshow) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (state) {
|
||||
setTimeout(function () {
|
||||
self.$timer
|
||||
.addClass('vegas-timer-running')
|
||||
.find('div')
|
||||
.css('transition-duration', self._options('delay') - 100 + 'ms');
|
||||
}, 100);
|
||||
}
|
||||
},
|
||||
|
||||
_video: function (srcs) {
|
||||
var video,
|
||||
source,
|
||||
cacheKey = srcs.toString();
|
||||
|
||||
if (videoCache[cacheKey]) {
|
||||
return videoCache[cacheKey];
|
||||
}
|
||||
|
||||
if (!(srcs instanceof Array)) {
|
||||
srcs = [ srcs ];
|
||||
}
|
||||
|
||||
video = document.createElement('video');
|
||||
video.preload = true;
|
||||
|
||||
srcs.forEach(function (src) {
|
||||
source = document.createElement('source');
|
||||
source.src = src;
|
||||
video.appendChild(source);
|
||||
});
|
||||
|
||||
videoCache[cacheKey] = video;
|
||||
|
||||
return video;
|
||||
},
|
||||
|
||||
_fadeOutSound: function (video, duration) {
|
||||
var self = this,
|
||||
delay = duration / 10,
|
||||
volume = video.volume - 0.09;
|
||||
|
||||
if (volume > 0) {
|
||||
video.volume = volume;
|
||||
|
||||
setTimeout(function () {
|
||||
self._fadeOutSound(video, duration);
|
||||
}, delay);
|
||||
} else {
|
||||
video.pause();
|
||||
}
|
||||
},
|
||||
|
||||
_fadeInSound: function (video, duration) {
|
||||
var self = this,
|
||||
delay = duration / 10,
|
||||
volume = video.volume + 0.09;
|
||||
|
||||
if (volume < 1) {
|
||||
video.volume = volume;
|
||||
|
||||
setTimeout(function () {
|
||||
self._fadeInSound(video, duration);
|
||||
}, delay);
|
||||
}
|
||||
},
|
||||
|
||||
_options: function (key, i) {
|
||||
if (i === undefined) {
|
||||
i = this.slide;
|
||||
}
|
||||
|
||||
if (this.settings.slides[i][key] !== undefined) {
|
||||
return this.settings.slides[i][key];
|
||||
}
|
||||
|
||||
return this.settings[key];
|
||||
},
|
||||
|
||||
_goto: function (nb) {
|
||||
if (typeof this.settings.slides[nb] === 'undefined') {
|
||||
nb = 0;
|
||||
}
|
||||
|
||||
this.slide = nb;
|
||||
|
||||
var $slide,
|
||||
$inner,
|
||||
$video,
|
||||
$slides = this.$elmt.children('.vegas-slide'),
|
||||
src = this.settings.slides[nb].src,
|
||||
videoSettings = this.settings.slides[nb].video,
|
||||
delay = this._options('delay'),
|
||||
align = this._options('align'),
|
||||
valign = this._options('valign'),
|
||||
cover = this._options('cover'),
|
||||
color = this._options('color') || this.$elmt.css('background-color'),
|
||||
self = this,
|
||||
total = $slides.length,
|
||||
video,
|
||||
img;
|
||||
|
||||
var transition = this._options('transition'),
|
||||
transitionDuration = this._options('transitionDuration'),
|
||||
animation = this._options('animation'),
|
||||
animationDuration = this._options('animationDuration');
|
||||
|
||||
if (this.settings.firstTransition && this.first) {
|
||||
transition = this.settings.firstTransition || transition;
|
||||
}
|
||||
|
||||
if (this.settings.firstTransitionDuration && this.first) {
|
||||
transitionDuration = this.settings.firstTransitionDuration || transitionDuration;
|
||||
}
|
||||
|
||||
if (this.first) {
|
||||
this.first = false;
|
||||
}
|
||||
|
||||
if (cover !== 'repeat') {
|
||||
if (cover === true) {
|
||||
cover = 'cover';
|
||||
} else if (cover === false) {
|
||||
cover = 'contain';
|
||||
}
|
||||
}
|
||||
|
||||
if (transition === 'random' || transition instanceof Array) {
|
||||
if (transition instanceof Array) {
|
||||
transition = this._random(transition);
|
||||
} else {
|
||||
transition = this._random(this.transitions);
|
||||
}
|
||||
}
|
||||
|
||||
if (animation === 'random' || animation instanceof Array) {
|
||||
if (animation instanceof Array) {
|
||||
animation = this._random(animation);
|
||||
} else {
|
||||
animation = this._random(this.animations);
|
||||
}
|
||||
}
|
||||
|
||||
if (transitionDuration === 'auto' || transitionDuration > delay) {
|
||||
transitionDuration = delay;
|
||||
}
|
||||
|
||||
if (animationDuration === 'auto') {
|
||||
animationDuration = delay;
|
||||
}
|
||||
|
||||
$slide = $('<div class="vegas-slide"></div>');
|
||||
|
||||
if (this.support.transition && transition) {
|
||||
$slide.addClass('vegas-transition-' + transition);
|
||||
}
|
||||
|
||||
// Video
|
||||
|
||||
if (this.support.video && videoSettings) {
|
||||
if (videoSettings instanceof Array) {
|
||||
video = this._video(videoSettings);
|
||||
} else {
|
||||
video = this._video(videoSettings.src);
|
||||
}
|
||||
|
||||
video.loop = videoSettings.loop !== undefined ? videoSettings.loop : true;
|
||||
video.muted = videoSettings.mute !== undefined ? videoSettings.mute : true;
|
||||
|
||||
if (video.muted === false) {
|
||||
video.volume = 0;
|
||||
this._fadeInSound(video, transitionDuration);
|
||||
} else {
|
||||
video.pause();
|
||||
}
|
||||
|
||||
$video = $(video)
|
||||
.addClass('vegas-video')
|
||||
.css('background-color', color);
|
||||
|
||||
if (this.support.objectFit) {
|
||||
$video
|
||||
.css('object-position', align + ' ' + valign)
|
||||
.css('object-fit', cover)
|
||||
.css('width', '100%')
|
||||
.css('height', '100%');
|
||||
} else if (cover === 'contain') {
|
||||
$video
|
||||
.css('width', '100%')
|
||||
.css('height', '100%');
|
||||
}
|
||||
|
||||
$slide.append($video);
|
||||
|
||||
// Image
|
||||
|
||||
} else {
|
||||
img = new Image();
|
||||
|
||||
$inner = $('<div class="vegas-slide-inner"></div>')
|
||||
.css('background-image', 'url("' + src + '")')
|
||||
.css('background-color', color)
|
||||
.css('background-position', align + ' ' + valign);
|
||||
|
||||
if (cover === 'repeat') {
|
||||
$inner.css('background-repeat', 'repeat');
|
||||
} else {
|
||||
$inner.css('background-size', cover);
|
||||
}
|
||||
|
||||
if (this.support.transition && animation) {
|
||||
$inner
|
||||
.addClass('vegas-animation-' + animation)
|
||||
.css('animation-duration', animationDuration + 'ms');
|
||||
}
|
||||
|
||||
$slide.append($inner);
|
||||
}
|
||||
|
||||
if (!this.support.transition) {
|
||||
$slide.css('display', 'none');
|
||||
}
|
||||
|
||||
if (total) {
|
||||
$slides.eq(total - 1).after($slide);
|
||||
} else {
|
||||
this.$elmt.prepend($slide);
|
||||
}
|
||||
|
||||
$slides
|
||||
.css('transition', 'all 0ms')
|
||||
.each(function () {
|
||||
this.className = 'vegas-slide';
|
||||
|
||||
if (this.tagName === 'VIDEO') {
|
||||
this.className += ' vegas-video';
|
||||
}
|
||||
|
||||
if (transition) {
|
||||
this.className += ' vegas-transition-' + transition;
|
||||
this.className += ' vegas-transition-' + transition + '-in';
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
self._timer(false);
|
||||
|
||||
function go () {
|
||||
self._timer(true);
|
||||
|
||||
setTimeout(function () {
|
||||
if (transition) {
|
||||
if (self.support.transition) {
|
||||
$slides
|
||||
.css('transition', 'all ' + transitionDuration + 'ms')
|
||||
.addClass('vegas-transition-' + transition + '-out');
|
||||
|
||||
$slides.each(function () {
|
||||
var video = $slides.find('video').get(0);
|
||||
|
||||
if (video) {
|
||||
video.volume = 1;
|
||||
self._fadeOutSound(video, transitionDuration);
|
||||
}
|
||||
});
|
||||
|
||||
$slide
|
||||
.css('transition', 'all ' + transitionDuration + 'ms')
|
||||
.addClass('vegas-transition-' + transition + '-in');
|
||||
} else {
|
||||
$slide.fadeIn(transitionDuration);
|
||||
}
|
||||
}
|
||||
|
||||
for (var i = 0; i < $slides.length - self.settings.slidesToKeep; i++) {
|
||||
$slides.eq(i).remove();
|
||||
}
|
||||
|
||||
self.trigger('walk');
|
||||
self._slideShow();
|
||||
}, 100);
|
||||
}
|
||||
if (video) {
|
||||
if (video.readyState === 4) {
|
||||
video.currentTime = 0;
|
||||
}
|
||||
|
||||
video.play();
|
||||
go();
|
||||
} else {
|
||||
img.src = src;
|
||||
|
||||
if (img.complete) {
|
||||
go();
|
||||
} else {
|
||||
img.onload = go;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_end: function () {
|
||||
this.ended = !this.settings.autoplay;
|
||||
this._timer(false);
|
||||
this.trigger('end');
|
||||
},
|
||||
|
||||
shuffle: function () {
|
||||
var temp,
|
||||
rand;
|
||||
|
||||
for (var i = this.total - 1; i > 0; i--) {
|
||||
rand = Math.floor(Math.random() * (i + 1));
|
||||
temp = this.settings.slides[i];
|
||||
|
||||
this.settings.slides[i] = this.settings.slides[rand];
|
||||
this.settings.slides[rand] = temp;
|
||||
}
|
||||
},
|
||||
|
||||
play: function () {
|
||||
if (this.paused) {
|
||||
this.paused = false;
|
||||
this.next();
|
||||
this.trigger('play');
|
||||
}
|
||||
},
|
||||
|
||||
pause: function () {
|
||||
this._timer(false);
|
||||
this.paused = true;
|
||||
this.trigger('pause');
|
||||
},
|
||||
|
||||
toggle: function () {
|
||||
if (this.paused) {
|
||||
this.play();
|
||||
} else {
|
||||
this.pause();
|
||||
}
|
||||
},
|
||||
|
||||
playing: function () {
|
||||
return !this.paused && !this.noshow;
|
||||
},
|
||||
|
||||
current: function (advanced) {
|
||||
if (advanced) {
|
||||
return {
|
||||
slide: this.slide,
|
||||
data: this.settings.slides[this.slide]
|
||||
};
|
||||
}
|
||||
return this.slide;
|
||||
},
|
||||
|
||||
jump: function (nb) {
|
||||
if (nb < 0 || nb > this.total - 1 || nb === this.slide) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.slide = nb;
|
||||
this._goto(this.slide);
|
||||
},
|
||||
|
||||
next: function () {
|
||||
this.slide++;
|
||||
|
||||
if (this.slide >= this.total) {
|
||||
if (!this.settings.loop) {
|
||||
return this._end();
|
||||
}
|
||||
|
||||
this.slide = 0;
|
||||
}
|
||||
|
||||
this._goto(this.slide);
|
||||
},
|
||||
|
||||
previous: function () {
|
||||
this.slide--;
|
||||
|
||||
if (this.slide < 0) {
|
||||
if (!this.settings.loop) {
|
||||
this.slide++;
|
||||
return;
|
||||
} else {
|
||||
this.slide = this.total - 1;
|
||||
}
|
||||
}
|
||||
|
||||
this._goto(this.slide);
|
||||
},
|
||||
|
||||
trigger: function (fn) {
|
||||
var params = [];
|
||||
|
||||
if (fn === 'init') {
|
||||
params = [ this.settings ];
|
||||
} else {
|
||||
params = [
|
||||
this.slide,
|
||||
this.settings.slides[this.slide]
|
||||
];
|
||||
}
|
||||
|
||||
this.$elmt.trigger('vegas' + fn, params);
|
||||
|
||||
if (typeof this.settings[fn] === 'function') {
|
||||
this.settings[fn].apply(this.$elmt, params);
|
||||
}
|
||||
},
|
||||
|
||||
options: function (key, value) {
|
||||
var oldSlides = this.settings.slides.slice();
|
||||
|
||||
if (typeof key === 'object') {
|
||||
this.settings = $.extend({}, defaults, $.vegas.defaults, key);
|
||||
} else if (typeof key === 'string') {
|
||||
if (value === undefined) {
|
||||
return this.settings[key];
|
||||
}
|
||||
this.settings[key] = value;
|
||||
} else {
|
||||
return this.settings;
|
||||
}
|
||||
|
||||
// In case slides have changed
|
||||
if (this.settings.slides !== oldSlides) {
|
||||
this.total = this.settings.slides.length;
|
||||
this.noshow = this.total < 2;
|
||||
this._preload();
|
||||
}
|
||||
},
|
||||
|
||||
destroy: function () {
|
||||
clearTimeout(this.timeout);
|
||||
|
||||
this.$elmt.removeClass('vegas-container');
|
||||
this.$elmt.find('> .vegas-slide').remove();
|
||||
this.$elmt.find('> .vegas-wrapper').clone(true).children().appendTo(this.$elmt);
|
||||
this.$elmt.find('> .vegas-wrapper').remove();
|
||||
|
||||
if (this.settings.timer) {
|
||||
this.$timer.remove();
|
||||
}
|
||||
|
||||
if (this.settings.overlay) {
|
||||
this.$overlay.remove();
|
||||
}
|
||||
|
||||
this.elmt._vegas = null;
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.vegas = function(options) {
|
||||
var args = arguments,
|
||||
error = false,
|
||||
returns;
|
||||
|
||||
if (options === undefined || typeof options === 'object') {
|
||||
return this.each(function () {
|
||||
if (!this._vegas) {
|
||||
this._vegas = new Vegas(this, options);
|
||||
}
|
||||
});
|
||||
} else if (typeof options === 'string') {
|
||||
this.each(function () {
|
||||
var instance = this._vegas;
|
||||
|
||||
if (!instance) {
|
||||
throw new Error('No Vegas applied to this element.');
|
||||
}
|
||||
|
||||
if (typeof instance[options] === 'function' && options[0] !== '_') {
|
||||
returns = instance[options].apply(instance, [].slice.call(args, 1));
|
||||
} else {
|
||||
error = true;
|
||||
}
|
||||
});
|
||||
|
||||
if (error) {
|
||||
throw new Error('No method "' + options + '" in Vegas.');
|
||||
}
|
||||
|
||||
return returns !== undefined ? returns : this;
|
||||
}
|
||||
};
|
||||
|
||||
$.vegas = {};
|
||||
$.vegas.defaults = defaults;
|
||||
|
||||
$.vegas.isVideoCompatible = function () {
|
||||
return !/(Android|webOS|Phone|iPad|iPod|BlackBerry|Windows Phone)/i.test(navigator.userAgent);
|
||||
};
|
||||
|
||||
})(window.jQuery || window.Zepto || window.m4q);
|
||||
2
vegas/js/vegas.min.css
vendored
Normal file
2
vegas/js/vegas.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
vegas/js/vegas.min.css.map
Normal file
1
vegas/js/vegas.min.css.map
Normal file
File diff suppressed because one or more lines are too long
11
vegas/js/vegas.min.js
vendored
Normal file
11
vegas/js/vegas.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
vegas/js/vegas.min.js.map
Normal file
1
vegas/js/vegas.min.js.map
Normal file
File diff suppressed because one or more lines are too long
14
vegas/test.php
Normal file
14
vegas/test.php
Normal file
@@ -0,0 +1,14 @@
|
||||
<?php
|
||||
|
||||
echo $_SERVER['SERVER_NAME'] .'<br>';
|
||||
echo $_SERVER['SCRIPT_NAME'] .'<br>';
|
||||
echo $_SERVER['REQUEST_URI'] .'<br>';
|
||||
echo $_SERVER['PHP_SELF'] .'<br>';
|
||||
|
||||
$host = (($_SERVER['SERVER_NAME'] == "sur-le-sentier.fr") ? "blog" : "wordpress");
|
||||
echo "A: " . $host;
|
||||
|
||||
if ($_SERVER['SERVER_NAME'] == "sur-le-sentier.fr") $host = "blog";
|
||||
else $host = "wordpress";
|
||||
echo "B: " . $host;
|
||||
?>
|
||||
Reference in New Issue
Block a user