mirror of https://gitlab.com/curben/blog
parent
cacfea13cc
commit
0feefd5016
|
@ -1,274 +1 @@
|
||||||
#donate {
|
@keyframes showQR{0%{transform:rotateX(90deg)}8%{opacity:1;transform:rotateX(-60deg)}18%{opacity:1;transform:rotateX(40deg)}34%{opacity:1;transform:rotateX(-28deg)}44%{opacity:1;transform:rotateX(18deg)}58%{opacity:1;transform:rotateX(-12deg)}72%{opacity:1;transform:rotateX(9deg)}88%{opacity:1;transform:rotateX(-5deg)}96%{opacity:1;transform:rotateX(2deg)}to{opacity:1}}@keyframes hideQR{20%,50%{transform:scale(1.08,1.08);opacity:1}to{opacity:0;transform:rotateZ(40deg) scale(.6,.6)}}#donate{font-weight:900;line-height:1.8em;text-shadow:0 0 1px rgba(255,255,255,.1);display:block;position:relative;margin:70px 0 0;padding:0}#donate img{border-width:0}#donate a{color:#000;text-decoration:none;outline:0;border:0}#donate .list,#donate .list li,#donate .list-left li{list-style:none;list-style-type:none;margin:0;padding:0}#DonateText,#donate .pos-f{position:absolute}#donate .left-100{width:100%;height:100%}#donate .blur{-webkit-filter:blur(3px);filter:blur(3px)}#donate .tr3,#donateBox li{transition:all .3s}#DonateText{font-size:12px;width:70px;height:70px;line-height:70px;color:#fff;background:#ffd886 url(../images/like.svg) no-repeat center 10px;background-size:20px;border-radius:35px;text-align:center;left:calc(50% - 120px);top:calc(50% - 60px);z-index:-1;transform:rotatez(-15deg)}#donateBox{left:calc(50% - 150px);top:calc(50% - 15px);background-color:#fff;border:1px solid #ddd;border-radius:6px;width:299px;height:28px;float:left;z-index:1}#donateBox li{width:74px;float:left;text-align:center;border-left:1px solid #ddd;background:no-repeat center center;background-color:rgba(204,217,220,.1);background-size:45px;cursor:pointer;overflow:hidden;line-height:600px;height:28px;-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.5}#donateBox li:hover{background-color:rgba(204,217,220,.3);-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}#donateBox>li:first-child{border-width:0}#donateBox a{display:block}#donateBox #PayPal{background-image:url(../images/paypal.svg)}#donateBox>#BTC{background-image:url(../images/bitcoin.svg);line-height:28px}#donate [data-footnote]:hover,#donateBox>#BTC:hover{overflow:visible}#BTC>button,#donate .MainBox{opacity:0;cursor:pointer}#donateBox #AliPay{background-image:url(../images/alipay.svg)}#donateBox #WeChat{background-image:url(../images/wechat.svg)}#QRBox{top:0;left:0;z-index:1;background-color:rgba(255,255,255,.3);display:none;perspective:400px}#donate .MainBox{position:absolute;text-align:center;width:200px;height:200px;left:calc(50% - 100px);top:calc(50% - 100px);background:#fff no-repeat center center;background-size:190px;border-radius:6px;box-shadow:0 2px 7px rgba(0,0,0,.3);transition:all 1s ease-in-out;transform-style:preserve-3d;transform-origin:center center;overflow:hidden}#donate #btc-key{opacity:0;width:2px;height:8px;overflow:hidden;left:-2px;top:-8px}#donate #github{width:24px;height:24px;left:calc(50% + 135px);top:calc(50% - 30px);background:no-repeat center center url(../images/github.svg);background-size:contain;opacity:.3;transform:rotatez(15deg)}#donate [data-footnote]{position:relative;overflow:hidden}#donate [data-footnote]::after,#donate [data-footnote]::before{position:absolute;transition:all .3s;transform:translate3d(-50%,0,0);opacity:0;z-index:10}#donate [data-footnote]::before{content:attr(data-footnote);border-radius:6px;background-color:rgba(100,100,100,.8);color:#fff;height:24px;line-height:24px;padding:0 6px;font-size:12px;white-space:nowrap;top:-24px;left:37px}#donate [data-footnote]::after{content:'';border:5px solid #333;border-color:rgba(100,100,100,.8) transparent transparent;top:0;left:37px}#donate [data-footnote]:hover::after,#donate [data-footnote]:hover::before{opacity:1;transform:translate3d(-50%,-7px,0)}#donate .MainBox.hideQR,#donate .MainBox.showQR{opacity:1;animation-name:showQR;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-animation:showQR 3s ease-in-out 0s 1 normal forwards}#donate .MainBox.hideQR{animation-name:hideQR;animation-duration:.5s;-webkit-animation:hideQR .5s ease-in-out 0s 1 normal forwards}
|
||||||
font-weight: 900;
|
|
||||||
line-height: 1.8em;
|
|
||||||
text-shadow: 0 0 1px rgba(255,255,255,0.1);
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
margin: 70px 0 0 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#donate img {border-width: 0px;}
|
|
||||||
#donate a{
|
|
||||||
color: #000;
|
|
||||||
text-decoration: none;
|
|
||||||
outline:none;
|
|
||||||
border:none;
|
|
||||||
}
|
|
||||||
#donate .list,
|
|
||||||
#donate .list li,
|
|
||||||
#donate .list-left li {
|
|
||||||
list-style: none;
|
|
||||||
list-style-type: none;
|
|
||||||
margin: 0px;
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
#donate .pos-f {
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
#donate .left-100 {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
#donate .blur {
|
|
||||||
-webkit-filter: blur(3px);
|
|
||||||
filter: blur(3px);
|
|
||||||
}
|
|
||||||
#donate .tr3 {
|
|
||||||
transition: all .3s;
|
|
||||||
}
|
|
||||||
#DonateText {
|
|
||||||
position: absolute;
|
|
||||||
font-size: 12px;
|
|
||||||
width: 70px;
|
|
||||||
height: 70px;
|
|
||||||
line-height: 70px;
|
|
||||||
color: #fff;
|
|
||||||
background: #ffd886 url(../images/like.svg) no-repeat center 10px;
|
|
||||||
background-size: 20px;
|
|
||||||
border-radius: 35px;
|
|
||||||
text-align: center;
|
|
||||||
left: calc(50% - 120px);
|
|
||||||
top: calc(50% - 60px);
|
|
||||||
z-index: -1;
|
|
||||||
transform: rotatez(-15deg );
|
|
||||||
}
|
|
||||||
#donateBox {
|
|
||||||
left: calc(50% - 150px);
|
|
||||||
top: calc(50% - 15px);
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
border-radius: 6px;
|
|
||||||
width: 299px;
|
|
||||||
height: 28px;
|
|
||||||
float: left;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
#donateBox li {
|
|
||||||
width: 74px;
|
|
||||||
float: left;
|
|
||||||
text-align: center;
|
|
||||||
border-left: 1px solid #ddd;
|
|
||||||
background: no-repeat center center;
|
|
||||||
background-color: rgba(204, 217, 220,0.1);
|
|
||||||
background-size: 45px;
|
|
||||||
transition: all .3s;
|
|
||||||
cursor: pointer;
|
|
||||||
overflow: hidden;
|
|
||||||
line-height: 600px;
|
|
||||||
height: 28px;
|
|
||||||
-webkit-filter: grayscale(1);
|
|
||||||
filter: grayscale(1);
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
#donateBox li:hover {
|
|
||||||
background-color: rgba(204, 217, 220,0.3);
|
|
||||||
-webkit-filter: grayscale(0);
|
|
||||||
filter: grayscale(0);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
#donateBox>li:first-child {
|
|
||||||
border-width: 0;
|
|
||||||
}
|
|
||||||
#donateBox a {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
#donateBox #PayPal {
|
|
||||||
background-image: url(../images/paypal.svg);
|
|
||||||
}
|
|
||||||
#donateBox>#BTC {
|
|
||||||
background-image: url(../images/bitcoin.svg);
|
|
||||||
line-height: 28px;
|
|
||||||
}
|
|
||||||
#donateBox>#BTC:hover {
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
#BTC>button {
|
|
||||||
opacity: 0;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
#donateBox #AliPay {
|
|
||||||
background-image: url(../images/alipay.svg);
|
|
||||||
}
|
|
||||||
#donateBox #WeChat {
|
|
||||||
background-image: url(../images/wechat.svg);
|
|
||||||
}
|
|
||||||
#QRBox {
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 1;
|
|
||||||
background-color: rgba(255,255,255,0.3);
|
|
||||||
display: none;
|
|
||||||
perspective: 400px;
|
|
||||||
}
|
|
||||||
#donate .MainBox {
|
|
||||||
cursor: pointer;
|
|
||||||
position: absolute;
|
|
||||||
text-align: center;
|
|
||||||
width: 200px;
|
|
||||||
height: 200px;
|
|
||||||
left: calc(50% - 100px);
|
|
||||||
top: calc(50% - 100px);
|
|
||||||
background: #fff no-repeat center center;
|
|
||||||
background-size: 190px;
|
|
||||||
border-radius: 6px;
|
|
||||||
box-shadow: 0px 2px 7px rgba(0,0,0,0.3);
|
|
||||||
opacity: 0;
|
|
||||||
transition: all 1s ease-in-out;
|
|
||||||
transform-style: preserve-3d;
|
|
||||||
transform-origin: center center;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
#donate #btc-key {
|
|
||||||
opacity: 0;
|
|
||||||
width: 2px;
|
|
||||||
height: 8px;
|
|
||||||
overflow: hidden;
|
|
||||||
left: -2px;
|
|
||||||
top: -8px;
|
|
||||||
}
|
|
||||||
#donate #github {
|
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
left: calc(50% + 135px);
|
|
||||||
top: calc(50% - 30px);
|
|
||||||
background: no-repeat center center url(../images/github.svg);
|
|
||||||
background-size: contain;
|
|
||||||
opacity: 0.3;
|
|
||||||
transform: rotatez(15deg );
|
|
||||||
}
|
|
||||||
#donate [data-footnote] {
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
#donate [data-footnote]:hover {
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
#donate [data-footnote]::before,
|
|
||||||
#donate [data-footnote]::after {
|
|
||||||
position: absolute;
|
|
||||||
transition: all .3s;
|
|
||||||
transform: translate3d(-50%,0,0);
|
|
||||||
opacity: 0;
|
|
||||||
left: 37px;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
#donate [data-footnote]::before {
|
|
||||||
content: attr(data-footnote);
|
|
||||||
border-radius: 6px;
|
|
||||||
background-color: rgba(100,100,100,0.8);
|
|
||||||
color: #fff;
|
|
||||||
height: 24px;
|
|
||||||
line-height: 24px;
|
|
||||||
padding: 0 6px;
|
|
||||||
font-size: 12px;
|
|
||||||
white-space: nowrap;
|
|
||||||
top: -24px;
|
|
||||||
left: 37px;
|
|
||||||
}
|
|
||||||
#donate [data-footnote]::after {
|
|
||||||
content: '';
|
|
||||||
border: 5px solid #333;
|
|
||||||
border-color: rgba(100,100,100,0.8) transparent transparent transparent;
|
|
||||||
top: 0;
|
|
||||||
left: 37px;
|
|
||||||
}
|
|
||||||
#donate [data-footnote]:hover::before,
|
|
||||||
#donate [data-footnote]:hover::after {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
#donate [data-footnote]:hover::before,
|
|
||||||
#donate [data-footnote]:hover::after {
|
|
||||||
transform: translate3d(-50%,-7px,0);
|
|
||||||
}
|
|
||||||
|
|
||||||
#donate .MainBox.showQR {
|
|
||||||
opacity: 1;
|
|
||||||
animation-name: showQR;
|
|
||||||
animation-duration:3s;
|
|
||||||
animation-timing-function:ease-in-out;
|
|
||||||
animation-iteration-count:1;
|
|
||||||
animation-fill-mode:forwards;
|
|
||||||
-webkit-animation: showQR 3s ease-in-out 0s 1 normal forwards;
|
|
||||||
}
|
|
||||||
@keyframes showQR {
|
|
||||||
from {
|
|
||||||
transform: rotateX(90deg);
|
|
||||||
}
|
|
||||||
8% {
|
|
||||||
opacity: 1;
|
|
||||||
transform: rotateX(-60deg);
|
|
||||||
}
|
|
||||||
18% {
|
|
||||||
opacity: 1;
|
|
||||||
transform: rotateX(40deg);
|
|
||||||
}
|
|
||||||
34% {
|
|
||||||
opacity: 1;
|
|
||||||
transform: rotateX(-28deg);
|
|
||||||
}
|
|
||||||
44% {
|
|
||||||
opacity: 1;
|
|
||||||
transform: rotateX(18deg);
|
|
||||||
}
|
|
||||||
58% {
|
|
||||||
opacity: 1;
|
|
||||||
transform: rotateX(-12deg);
|
|
||||||
}
|
|
||||||
72% {
|
|
||||||
opacity: 1;
|
|
||||||
transform: rotateX(9deg);
|
|
||||||
}
|
|
||||||
88% {
|
|
||||||
opacity: 1;
|
|
||||||
transform: rotateX(-5deg);
|
|
||||||
}
|
|
||||||
96% {
|
|
||||||
opacity: 1;
|
|
||||||
transform: rotateX(2deg);
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#donate .MainBox.hideQR {
|
|
||||||
opacity: 1;
|
|
||||||
animation-name: hideQR;
|
|
||||||
animation-duration:0.5s;
|
|
||||||
animation-timing-function:ease-in-out;
|
|
||||||
animation-iteration-count:1;
|
|
||||||
animation-fill-mode:forwards;
|
|
||||||
-webkit-animation: hideQR 0.5s ease-in-out 0s 1 normal forwards;
|
|
||||||
}
|
|
||||||
@keyframes hideQR {
|
|
||||||
from {
|
|
||||||
}
|
|
||||||
20%,50% {
|
|
||||||
transform: scale(1.08,1.08);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
opacity: 0;
|
|
||||||
transform: rotateZ(40deg) scale(0.6,0.6);
|
|
||||||
}
|
|
||||||
}
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,97 +1 @@
|
||||||
#fancybox-buttons {
|
#fancybox-buttons{position:fixed;left:0;width:100%;z-index:8050}#fancybox-buttons.top{top:10px}#fancybox-buttons.bottom{bottom:10px}#fancybox-buttons ul{display:block;width:166px;height:30px;margin:0 auto;padding:0;list-style:none;border:1px solid #111;border-radius:3px;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);background:#323232;background:-moz-linear-gradient(top,#444 0%,#343434 50%,#292929 50%,#333 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#444),color-stop(50%,#343434),color-stop(50%,#292929),color-stop(100%,#333));background:-webkit-linear-gradient(top,#444 0%,#343434 50%,#292929 50%,#333 100%);background:-o-linear-gradient(top,#444 0%,#343434 50%,#292929 50%,#333 100%);background:-ms-linear-gradient(top,#444 0%,#343434 50%,#292929 50%,#333 100%);background:linear-gradient(top,#444 0%,#343434 50%,#292929 50%,#333 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 )}#fancybox-buttons ul li{float:left;margin:0;padding:0}#fancybox-buttons a{display:block;width:30px;height:30px;text-indent:-9999px;background-color:transparent;background-image:url(fancybox_buttons.png);background-repeat:no-repeat;outline:0;opacity:.8}#fancybox-buttons a:hover{opacity:1}#fancybox-buttons a.btnPrev{background-position:5px 0}#fancybox-buttons a.btnNext{background-position:-33px 0;border-right:1px solid #3e3e3e}#fancybox-buttons a.btnPlay{background-position:0 -30px}#fancybox-buttons a.btnPlayOn{background-position:-30px -30px}#fancybox-buttons a.btnToggle{background-position:3px -60px;border-left:1px solid #111;border-right:1px solid #3e3e3e;width:35px}#fancybox-buttons a.btnToggleOn{background-position:-27px -60px}#fancybox-buttons a.btnClose{border-left:1px solid #111;width:35px;background-position:-56px 0}#fancybox-buttons a.btnDisabled{opacity:.4;cursor:default}
|
||||||
position: fixed;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 8050;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons.top {
|
|
||||||
top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons.bottom {
|
|
||||||
bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons ul {
|
|
||||||
display: block;
|
|
||||||
width: 166px;
|
|
||||||
height: 30px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 0;
|
|
||||||
list-style: none;
|
|
||||||
border: 1px solid #111;
|
|
||||||
border-radius: 3px;
|
|
||||||
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
|
||||||
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
|
||||||
box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
|
||||||
background: rgb(50,50,50);
|
|
||||||
background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
|
|
||||||
background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
|
||||||
background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
|
||||||
background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
|
||||||
background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons ul li {
|
|
||||||
float: left;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a {
|
|
||||||
display: block;
|
|
||||||
width: 30px;
|
|
||||||
height: 30px;
|
|
||||||
text-indent: -9999px;
|
|
||||||
background-color: transparent;
|
|
||||||
background-image: url('fancybox_buttons.png');
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
outline: none;
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a:hover {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a.btnPrev {
|
|
||||||
background-position: 5px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a.btnNext {
|
|
||||||
background-position: -33px 0;
|
|
||||||
border-right: 1px solid #3e3e3e;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a.btnPlay {
|
|
||||||
background-position: 0 -30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a.btnPlayOn {
|
|
||||||
background-position: -30px -30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a.btnToggle {
|
|
||||||
background-position: 3px -60px;
|
|
||||||
border-left: 1px solid #111;
|
|
||||||
border-right: 1px solid #3e3e3e;
|
|
||||||
width: 35px
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a.btnToggleOn {
|
|
||||||
background-position: -27px -60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a.btnClose {
|
|
||||||
border-left: 1px solid #111;
|
|
||||||
width: 35px;
|
|
||||||
background-position: -56px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-buttons a.btnDisabled {
|
|
||||||
opacity : 0.4;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
|
@ -1,122 +1 @@
|
||||||
/*!
|
(function($){var F=$.fancybox;F.helpers.buttons={defaults:{skipSingle:false,position:"top",tpl:'<div id="fancybox-buttons"><ul><li><a class="btnPrev" title="Previous" href="javascript:;"></a></li><li><a class="btnPlay" title="Start slideshow" href="javascript:;"></a></li><li><a class="btnNext" title="Next" href="javascript:;"></a></li><li><a class="btnToggle" title="Toggle size" href="javascript:;"></a></li><li><a class="btnClose" title="Close" href="javascript:;"></a></li></ul></div>'},list:null,buttons:null,beforeLoad:function(opts,obj){if(opts.skipSingle&&obj.group.length<2){obj.helpers.buttons=false;obj.closeBtn=true;return}obj.margin[opts.position==="bottom"?2:0]+=30},onPlayStart:function(){if(this.buttons){this.buttons.play.attr("title","Pause slideshow").addClass("btnPlayOn")}},onPlayEnd:function(){if(this.buttons){this.buttons.play.attr("title","Start slideshow").removeClass("btnPlayOn")}},afterShow:function(opts,obj){var buttons=this.buttons;if(!buttons){this.list=$(opts.tpl).addClass(opts.position).appendTo("body");buttons={prev:this.list.find(".btnPrev").click(F.prev),next:this.list.find(".btnNext").click(F.next),play:this.list.find(".btnPlay").click(F.play),toggle:this.list.find(".btnToggle").click(F.toggle),close:this.list.find(".btnClose").click(F.close)}}if(obj.index>0||obj.loop){buttons.prev.removeClass("btnDisabled")}else{buttons.prev.addClass("btnDisabled")}if(obj.loop||obj.index<obj.group.length-1){buttons.next.removeClass("btnDisabled");buttons.play.removeClass("btnDisabled")}else{buttons.next.addClass("btnDisabled");buttons.play.addClass("btnDisabled")}this.buttons=buttons;this.onUpdate(opts,obj)},onUpdate:function(opts,obj){var toggle;if(!this.buttons){return}toggle=this.buttons.toggle.removeClass("btnDisabled btnToggleOn");if(obj.canShrink){toggle.addClass("btnToggleOn")}else if(!obj.canExpand){toggle.addClass("btnDisabled")}},beforeClose:function(){if(this.list){this.list.remove()}this.list=null;this.buttons=null}}})(jQuery);
|
||||||
* Buttons helper for fancyBox
|
|
||||||
* version: 1.0.5 (Mon, 15 Oct 2012)
|
|
||||||
* @requires fancyBox v2.0 or later
|
|
||||||
*
|
|
||||||
* Usage:
|
|
||||||
* $(".fancybox").fancybox({
|
|
||||||
* helpers : {
|
|
||||||
* buttons: {
|
|
||||||
* position : 'top'
|
|
||||||
* }
|
|
||||||
* }
|
|
||||||
* });
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
;(function ($) {
|
|
||||||
//Shortcut for fancyBox object
|
|
||||||
var F = $.fancybox;
|
|
||||||
|
|
||||||
//Add helper object
|
|
||||||
F.helpers.buttons = {
|
|
||||||
defaults : {
|
|
||||||
skipSingle : false, // disables if gallery contains single image
|
|
||||||
position : 'top', // 'top' or 'bottom'
|
|
||||||
tpl : '<div id="fancybox-buttons"><ul><li><a class="btnPrev" title="Previous" href="javascript:;"></a></li><li><a class="btnPlay" title="Start slideshow" href="javascript:;"></a></li><li><a class="btnNext" title="Next" href="javascript:;"></a></li><li><a class="btnToggle" title="Toggle size" href="javascript:;"></a></li><li><a class="btnClose" title="Close" href="javascript:;"></a></li></ul></div>'
|
|
||||||
},
|
|
||||||
|
|
||||||
list : null,
|
|
||||||
buttons: null,
|
|
||||||
|
|
||||||
beforeLoad: function (opts, obj) {
|
|
||||||
//Remove self if gallery do not have at least two items
|
|
||||||
|
|
||||||
if (opts.skipSingle && obj.group.length < 2) {
|
|
||||||
obj.helpers.buttons = false;
|
|
||||||
obj.closeBtn = true;
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
//Increase top margin to give space for buttons
|
|
||||||
obj.margin[ opts.position === 'bottom' ? 2 : 0 ] += 30;
|
|
||||||
},
|
|
||||||
|
|
||||||
onPlayStart: function () {
|
|
||||||
if (this.buttons) {
|
|
||||||
this.buttons.play.attr('title', 'Pause slideshow').addClass('btnPlayOn');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
onPlayEnd: function () {
|
|
||||||
if (this.buttons) {
|
|
||||||
this.buttons.play.attr('title', 'Start slideshow').removeClass('btnPlayOn');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
afterShow: function (opts, obj) {
|
|
||||||
var buttons = this.buttons;
|
|
||||||
|
|
||||||
if (!buttons) {
|
|
||||||
this.list = $(opts.tpl).addClass(opts.position).appendTo('body');
|
|
||||||
|
|
||||||
buttons = {
|
|
||||||
prev : this.list.find('.btnPrev').click( F.prev ),
|
|
||||||
next : this.list.find('.btnNext').click( F.next ),
|
|
||||||
play : this.list.find('.btnPlay').click( F.play ),
|
|
||||||
toggle : this.list.find('.btnToggle').click( F.toggle ),
|
|
||||||
close : this.list.find('.btnClose').click( F.close )
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//Prev
|
|
||||||
if (obj.index > 0 || obj.loop) {
|
|
||||||
buttons.prev.removeClass('btnDisabled');
|
|
||||||
} else {
|
|
||||||
buttons.prev.addClass('btnDisabled');
|
|
||||||
}
|
|
||||||
|
|
||||||
//Next / Play
|
|
||||||
if (obj.loop || obj.index < obj.group.length - 1) {
|
|
||||||
buttons.next.removeClass('btnDisabled');
|
|
||||||
buttons.play.removeClass('btnDisabled');
|
|
||||||
|
|
||||||
} else {
|
|
||||||
buttons.next.addClass('btnDisabled');
|
|
||||||
buttons.play.addClass('btnDisabled');
|
|
||||||
}
|
|
||||||
|
|
||||||
this.buttons = buttons;
|
|
||||||
|
|
||||||
this.onUpdate(opts, obj);
|
|
||||||
},
|
|
||||||
|
|
||||||
onUpdate: function (opts, obj) {
|
|
||||||
var toggle;
|
|
||||||
|
|
||||||
if (!this.buttons) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
toggle = this.buttons.toggle.removeClass('btnDisabled btnToggleOn');
|
|
||||||
|
|
||||||
//Size toggle button
|
|
||||||
if (obj.canShrink) {
|
|
||||||
toggle.addClass('btnToggleOn');
|
|
||||||
|
|
||||||
} else if (!obj.canExpand) {
|
|
||||||
toggle.addClass('btnDisabled');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
beforeClose: function () {
|
|
||||||
if (this.list) {
|
|
||||||
this.list.remove();
|
|
||||||
}
|
|
||||||
|
|
||||||
this.list = null;
|
|
||||||
this.buttons = null;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
}(jQuery));
|
|
|
@ -1,199 +1 @@
|
||||||
/*!
|
(function($){"use strict";var F=$.fancybox,format=function(url,rez,params){params=params||"";if($.type(params)==="object"){params=$.param(params,true)}$.each(rez,function(key,value){url=url.replace("$"+key,value||"")});if(params.length){url+=(url.indexOf("?")>0?"&":"?")+params}return url};F.helpers.media={defaults:{youtube:{matcher:/(youtube\.com|youtu\.be|youtube-nocookie\.com)\/(watch\?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*)).*/i,params:{autoplay:1,autohide:1,fs:1,rel:0,hd:1,wmode:"opaque",enablejsapi:1},type:"iframe",url:"//www.youtube.com/embed/$3"},vimeo:{matcher:/(?:vimeo(?:pro)?.com)\/(?:[^\d]+)?(\d+)(?:.*)/,params:{autoplay:1,hd:1,show_title:1,show_byline:1,show_portrait:0,fullscreen:1},type:"iframe",url:"//player.vimeo.com/video/$1"},metacafe:{matcher:/metacafe.com\/(?:watch|fplayer)\/([\w\-]{1,10})/,params:{autoPlay:"yes"},type:"swf",url:function(rez,params,obj){obj.swf.flashVars="playerVars="+$.param(params,true);return"//www.metacafe.com/fplayer/"+rez[1]+"/.swf"}},dailymotion:{matcher:/dailymotion.com\/video\/(.*)\/?(.*)/,params:{additionalInfos:0,autoStart:1},type:"swf",url:"//www.dailymotion.com/swf/video/$1"},twitvid:{matcher:/twitvid\.com\/([a-zA-Z0-9_\-\?\=]+)/i,params:{autoplay:0},type:"iframe",url:"//www.twitvid.com/embed.php?guid=$1"},twitpic:{matcher:/twitpic\.com\/(?!(?:place|photos|events)\/)([a-zA-Z0-9\?\=\-]+)/i,type:"image",url:"//twitpic.com/show/full/$1/"},instagram:{matcher:/(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,type:"image",url:"//$1/p/$2/media/?size=l"},google_maps:{matcher:/maps\.google\.([a-z]{2,3}(\.[a-z]{2})?)\/(\?ll=|maps\?)(.*)/i,type:"iframe",url:function(rez){return"//maps.google."+rez[1]+"/"+rez[3]+""+rez[4]+"&output="+(rez[4].indexOf("layer=c")>0?"svembed":"embed")}}},beforeLoad:function(opts,obj){var url=obj.href||"",type=false,what,item,rez,params;for(what in opts){if(opts.hasOwnProperty(what)){item=opts[what];rez=url.match(item.matcher);if(rez){type=item.type;params=$.extend(true,{},item.params,obj[what]||($.isPlainObject(opts[what])?opts[what].params:null));url=$.type(item.url)==="function"?item.url.call(this,rez,params,obj):format(item.url,rez,params);break}}}if(type){obj.href=url;obj.type=type;obj.autoHeight=false}}}})(jQuery);
|
||||||
* Media helper for fancyBox
|
|
||||||
* version: 1.0.6 (Fri, 14 Jun 2013)
|
|
||||||
* @requires fancyBox v2.0 or later
|
|
||||||
*
|
|
||||||
* Usage:
|
|
||||||
* $(".fancybox").fancybox({
|
|
||||||
* helpers : {
|
|
||||||
* media: true
|
|
||||||
* }
|
|
||||||
* });
|
|
||||||
*
|
|
||||||
* Set custom URL parameters:
|
|
||||||
* $(".fancybox").fancybox({
|
|
||||||
* helpers : {
|
|
||||||
* media: {
|
|
||||||
* youtube : {
|
|
||||||
* params : {
|
|
||||||
* autoplay : 0
|
|
||||||
* }
|
|
||||||
* }
|
|
||||||
* }
|
|
||||||
* }
|
|
||||||
* });
|
|
||||||
*
|
|
||||||
* Or:
|
|
||||||
* $(".fancybox").fancybox({,
|
|
||||||
* helpers : {
|
|
||||||
* media: true
|
|
||||||
* },
|
|
||||||
* youtube : {
|
|
||||||
* autoplay: 0
|
|
||||||
* }
|
|
||||||
* });
|
|
||||||
*
|
|
||||||
* Supports:
|
|
||||||
*
|
|
||||||
* Youtube
|
|
||||||
* http://www.youtube.com/watch?v=opj24KnzrWo
|
|
||||||
* http://www.youtube.com/embed/opj24KnzrWo
|
|
||||||
* http://youtu.be/opj24KnzrWo
|
|
||||||
* http://www.youtube-nocookie.com/embed/opj24KnzrWo
|
|
||||||
* Vimeo
|
|
||||||
* http://vimeo.com/40648169
|
|
||||||
* http://vimeo.com/channels/staffpicks/38843628
|
|
||||||
* http://vimeo.com/groups/surrealism/videos/36516384
|
|
||||||
* http://player.vimeo.com/video/45074303
|
|
||||||
* Metacafe
|
|
||||||
* http://www.metacafe.com/watch/7635964/dr_seuss_the_lorax_movie_trailer/
|
|
||||||
* http://www.metacafe.com/watch/7635964/
|
|
||||||
* Dailymotion
|
|
||||||
* http://www.dailymotion.com/video/xoytqh_dr-seuss-the-lorax-premiere_people
|
|
||||||
* Twitvid
|
|
||||||
* http://twitvid.com/QY7MD
|
|
||||||
* Twitpic
|
|
||||||
* http://twitpic.com/7p93st
|
|
||||||
* Instagram
|
|
||||||
* http://instagr.am/p/IejkuUGxQn/
|
|
||||||
* http://instagram.com/p/IejkuUGxQn/
|
|
||||||
* Google maps
|
|
||||||
* http://maps.google.com/maps?q=Eiffel+Tower,+Avenue+Gustave+Eiffel,+Paris,+France&t=h&z=17
|
|
||||||
* http://maps.google.com/?ll=48.857995,2.294297&spn=0.007666,0.021136&t=m&z=16
|
|
||||||
* http://maps.google.com/?ll=48.859463,2.292626&spn=0.000965,0.002642&t=m&z=19&layer=c&cbll=48.859524,2.292532&panoid=YJ0lq28OOy3VT2IqIuVY0g&cbp=12,151.58,,0,-15.56
|
|
||||||
*/
|
|
||||||
;(function ($) {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
//Shortcut for fancyBox object
|
|
||||||
var F = $.fancybox,
|
|
||||||
format = function( url, rez, params ) {
|
|
||||||
params = params || '';
|
|
||||||
|
|
||||||
if ( $.type( params ) === "object" ) {
|
|
||||||
params = $.param(params, true);
|
|
||||||
}
|
|
||||||
|
|
||||||
$.each(rez, function(key, value) {
|
|
||||||
url = url.replace( '$' + key, value || '' );
|
|
||||||
});
|
|
||||||
|
|
||||||
if (params.length) {
|
|
||||||
url += ( url.indexOf('?') > 0 ? '&' : '?' ) + params;
|
|
||||||
}
|
|
||||||
|
|
||||||
return url;
|
|
||||||
};
|
|
||||||
|
|
||||||
//Add helper object
|
|
||||||
F.helpers.media = {
|
|
||||||
defaults : {
|
|
||||||
youtube : {
|
|
||||||
matcher : /(youtube\.com|youtu\.be|youtube-nocookie\.com)\/(watch\?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*)).*/i,
|
|
||||||
params : {
|
|
||||||
autoplay : 1,
|
|
||||||
autohide : 1,
|
|
||||||
fs : 1,
|
|
||||||
rel : 0,
|
|
||||||
hd : 1,
|
|
||||||
wmode : 'opaque',
|
|
||||||
enablejsapi : 1
|
|
||||||
},
|
|
||||||
type : 'iframe',
|
|
||||||
url : '//www.youtube.com/embed/$3'
|
|
||||||
},
|
|
||||||
vimeo : {
|
|
||||||
matcher : /(?:vimeo(?:pro)?.com)\/(?:[^\d]+)?(\d+)(?:.*)/,
|
|
||||||
params : {
|
|
||||||
autoplay : 1,
|
|
||||||
hd : 1,
|
|
||||||
show_title : 1,
|
|
||||||
show_byline : 1,
|
|
||||||
show_portrait : 0,
|
|
||||||
fullscreen : 1
|
|
||||||
},
|
|
||||||
type : 'iframe',
|
|
||||||
url : '//player.vimeo.com/video/$1'
|
|
||||||
},
|
|
||||||
metacafe : {
|
|
||||||
matcher : /metacafe.com\/(?:watch|fplayer)\/([\w\-]{1,10})/,
|
|
||||||
params : {
|
|
||||||
autoPlay : 'yes'
|
|
||||||
},
|
|
||||||
type : 'swf',
|
|
||||||
url : function( rez, params, obj ) {
|
|
||||||
obj.swf.flashVars = 'playerVars=' + $.param( params, true );
|
|
||||||
|
|
||||||
return '//www.metacafe.com/fplayer/' + rez[1] + '/.swf';
|
|
||||||
}
|
|
||||||
},
|
|
||||||
dailymotion : {
|
|
||||||
matcher : /dailymotion.com\/video\/(.*)\/?(.*)/,
|
|
||||||
params : {
|
|
||||||
additionalInfos : 0,
|
|
||||||
autoStart : 1
|
|
||||||
},
|
|
||||||
type : 'swf',
|
|
||||||
url : '//www.dailymotion.com/swf/video/$1'
|
|
||||||
},
|
|
||||||
twitvid : {
|
|
||||||
matcher : /twitvid\.com\/([a-zA-Z0-9_\-\?\=]+)/i,
|
|
||||||
params : {
|
|
||||||
autoplay : 0
|
|
||||||
},
|
|
||||||
type : 'iframe',
|
|
||||||
url : '//www.twitvid.com/embed.php?guid=$1'
|
|
||||||
},
|
|
||||||
twitpic : {
|
|
||||||
matcher : /twitpic\.com\/(?!(?:place|photos|events)\/)([a-zA-Z0-9\?\=\-]+)/i,
|
|
||||||
type : 'image',
|
|
||||||
url : '//twitpic.com/show/full/$1/'
|
|
||||||
},
|
|
||||||
instagram : {
|
|
||||||
matcher : /(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,
|
|
||||||
type : 'image',
|
|
||||||
url : '//$1/p/$2/media/?size=l'
|
|
||||||
},
|
|
||||||
google_maps : {
|
|
||||||
matcher : /maps\.google\.([a-z]{2,3}(\.[a-z]{2})?)\/(\?ll=|maps\?)(.*)/i,
|
|
||||||
type : 'iframe',
|
|
||||||
url : function( rez ) {
|
|
||||||
return '//maps.google.' + rez[1] + '/' + rez[3] + '' + rez[4] + '&output=' + (rez[4].indexOf('layer=c') > 0 ? 'svembed' : 'embed');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
beforeLoad : function(opts, obj) {
|
|
||||||
var url = obj.href || '',
|
|
||||||
type = false,
|
|
||||||
what,
|
|
||||||
item,
|
|
||||||
rez,
|
|
||||||
params;
|
|
||||||
|
|
||||||
for (what in opts) {
|
|
||||||
if (opts.hasOwnProperty(what)) {
|
|
||||||
item = opts[ what ];
|
|
||||||
rez = url.match( item.matcher );
|
|
||||||
|
|
||||||
if (rez) {
|
|
||||||
type = item.type;
|
|
||||||
params = $.extend(true, {}, item.params, obj[ what ] || ($.isPlainObject(opts[ what ]) ? opts[ what ].params : null));
|
|
||||||
|
|
||||||
url = $.type( item.url ) === "function" ? item.url.call( this, rez, params, obj ) : format( item.url, rez, params );
|
|
||||||
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (type) {
|
|
||||||
obj.href = url;
|
|
||||||
obj.type = type;
|
|
||||||
|
|
||||||
obj.autoHeight = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
}(jQuery));
|
|
|
@ -1,55 +1 @@
|
||||||
#fancybox-thumbs {
|
#fancybox-thumbs{position:fixed;left:0;width:100%;overflow:hidden;z-index:8050}#fancybox-thumbs.bottom{bottom:2px}#fancybox-thumbs.top{top:2px}#fancybox-thumbs ul{position:relative;list-style:none;margin:0;padding:0}#fancybox-thumbs ul li{float:left;padding:1px;opacity:.5}#fancybox-thumbs ul li.active{opacity:.75;padding:0;border:1px solid #fff}#fancybox-thumbs ul li:hover{opacity:1}#fancybox-thumbs ul li a{display:block;position:relative;overflow:hidden;border:1px solid #222;background:#111;outline:0}#fancybox-thumbs ul li img{display:block;position:relative;border:0;padding:0;max-width:none}
|
||||||
position: fixed;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
z-index: 8050;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-thumbs.bottom {
|
|
||||||
bottom: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-thumbs.top {
|
|
||||||
top: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-thumbs ul {
|
|
||||||
position: relative;
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-thumbs ul li {
|
|
||||||
float: left;
|
|
||||||
padding: 1px;
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-thumbs ul li.active {
|
|
||||||
opacity: 0.75;
|
|
||||||
padding: 0;
|
|
||||||
border: 1px solid #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-thumbs ul li:hover {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-thumbs ul li a {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
border: 1px solid #222;
|
|
||||||
background: #111;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-thumbs ul li img {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
border: 0;
|
|
||||||
padding: 0;
|
|
||||||
max-width: none;
|
|
||||||
}
|
|
||||||
|
|
|
@ -1,165 +1 @@
|
||||||
/*!
|
(function($){var F=$.fancybox;F.helpers.thumbs={defaults:{width:50,height:50,position:"bottom",source:function(item){var href;if(item.element){href=$(item.element).find("img").attr("src")}if(!href&&item.type==="image"&&item.href){href=item.href}return href}},wrap:null,list:null,width:0,init:function(opts,obj){var that=this,list,thumbWidth=opts.width,thumbHeight=opts.height,thumbSource=opts.source;list="";for(var n=0;n<obj.group.length;n++){list+='<li><a style="width:'+thumbWidth+"px;height:"+thumbHeight+'px;" href="javascript:jQuery.fancybox.jumpto('+n+');"></a></li>'}this.wrap=$('<div id="fancybox-thumbs"></div>').addClass(opts.position).appendTo("body");this.list=$("<ul>"+list+"</ul>").appendTo(this.wrap);$.each(obj.group,function(i){var el=obj.group[i],href=thumbSource(el);if(!href){return}$("<img />").load(function(){var width=this.width,height=this.height,widthRatio,heightRatio,parent;if(!that.list||!width||!height){return}widthRatio=width/thumbWidth;heightRatio=height/thumbHeight;parent=that.list.children().eq(i).find("a");if(widthRatio>=1&&heightRatio>=1){if(widthRatio>heightRatio){width=Math.floor(width/heightRatio);height=thumbHeight}else{width=thumbWidth;height=Math.floor(height/widthRatio)}}$(this).css({width:width,height:height,top:Math.floor(thumbHeight/2-height/2),left:Math.floor(thumbWidth/2-width/2)});parent.width(thumbWidth).height(thumbHeight);$(this).hide().appendTo(parent).fadeIn(300)}).attr("src",href).attr("title",el.title)});this.width=this.list.children().eq(0).outerWidth(true);this.list.width(this.width*(obj.group.length+1)).css("left",Math.floor($(window).width()*.5-(obj.index*this.width+this.width*.5)))},beforeLoad:function(opts,obj){if(obj.group.length<2){obj.helpers.thumbs=false;return}obj.margin[opts.position==="top"?0:2]+=opts.height+15},afterShow:function(opts,obj){if(this.list){this.onUpdate(opts,obj)}else{this.init(opts,obj)}this.list.children().removeClass("active").eq(obj.index).addClass("active")},onUpdate:function(opts,obj){if(this.list){this.list.stop(true).animate({left:Math.floor($(window).width()*.5-(obj.index*this.width+this.width*.5))},150)}},beforeClose:function(){if(this.wrap){this.wrap.remove()}this.wrap=null;this.list=null;this.width=0}}})(jQuery);
|
||||||
* Thumbnail helper for fancyBox
|
|
||||||
* version: 1.0.7 (Mon, 01 Oct 2012)
|
|
||||||
* @requires fancyBox v2.0 or later
|
|
||||||
*
|
|
||||||
* Usage:
|
|
||||||
* $(".fancybox").fancybox({
|
|
||||||
* helpers : {
|
|
||||||
* thumbs: {
|
|
||||||
* width : 50,
|
|
||||||
* height : 50
|
|
||||||
* }
|
|
||||||
* }
|
|
||||||
* });
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
;(function ($) {
|
|
||||||
//Shortcut for fancyBox object
|
|
||||||
var F = $.fancybox;
|
|
||||||
|
|
||||||
//Add helper object
|
|
||||||
F.helpers.thumbs = {
|
|
||||||
defaults : {
|
|
||||||
width : 50, // thumbnail width
|
|
||||||
height : 50, // thumbnail height
|
|
||||||
position : 'bottom', // 'top' or 'bottom'
|
|
||||||
source : function ( item ) { // function to obtain the URL of the thumbnail image
|
|
||||||
var href;
|
|
||||||
|
|
||||||
if (item.element) {
|
|
||||||
href = $(item.element).find('img').attr('src');
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!href && item.type === 'image' && item.href) {
|
|
||||||
href = item.href;
|
|
||||||
}
|
|
||||||
|
|
||||||
return href;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
wrap : null,
|
|
||||||
list : null,
|
|
||||||
width : 0,
|
|
||||||
|
|
||||||
init: function (opts, obj) {
|
|
||||||
var that = this,
|
|
||||||
list,
|
|
||||||
thumbWidth = opts.width,
|
|
||||||
thumbHeight = opts.height,
|
|
||||||
thumbSource = opts.source;
|
|
||||||
|
|
||||||
//Build list structure
|
|
||||||
list = '';
|
|
||||||
|
|
||||||
for (var n = 0; n < obj.group.length; n++) {
|
|
||||||
list += '<li><a style="width:' + thumbWidth + 'px;height:' + thumbHeight + 'px;" href="javascript:jQuery.fancybox.jumpto(' + n + ');"></a></li>';
|
|
||||||
}
|
|
||||||
|
|
||||||
this.wrap = $('<div id="fancybox-thumbs"></div>').addClass(opts.position).appendTo('body');
|
|
||||||
this.list = $('<ul>' + list + '</ul>').appendTo(this.wrap);
|
|
||||||
|
|
||||||
//Load each thumbnail
|
|
||||||
$.each(obj.group, function (i) {
|
|
||||||
var el = obj.group[ i ],
|
|
||||||
href = thumbSource( el );
|
|
||||||
|
|
||||||
if (!href) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
$("<img />").load(function () {
|
|
||||||
var width = this.width,
|
|
||||||
height = this.height,
|
|
||||||
widthRatio, heightRatio, parent;
|
|
||||||
|
|
||||||
if (!that.list || !width || !height) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
//Calculate thumbnail width/height and center it
|
|
||||||
widthRatio = width / thumbWidth;
|
|
||||||
heightRatio = height / thumbHeight;
|
|
||||||
|
|
||||||
parent = that.list.children().eq(i).find('a');
|
|
||||||
|
|
||||||
if (widthRatio >= 1 && heightRatio >= 1) {
|
|
||||||
if (widthRatio > heightRatio) {
|
|
||||||
width = Math.floor(width / heightRatio);
|
|
||||||
height = thumbHeight;
|
|
||||||
|
|
||||||
} else {
|
|
||||||
width = thumbWidth;
|
|
||||||
height = Math.floor(height / widthRatio);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$(this).css({
|
|
||||||
width : width,
|
|
||||||
height : height,
|
|
||||||
top : Math.floor(thumbHeight / 2 - height / 2),
|
|
||||||
left : Math.floor(thumbWidth / 2 - width / 2)
|
|
||||||
});
|
|
||||||
|
|
||||||
parent.width(thumbWidth).height(thumbHeight);
|
|
||||||
|
|
||||||
$(this).hide().appendTo(parent).fadeIn(300);
|
|
||||||
|
|
||||||
})
|
|
||||||
.attr('src', href)
|
|
||||||
.attr('title', el.title);
|
|
||||||
});
|
|
||||||
|
|
||||||
//Set initial width
|
|
||||||
this.width = this.list.children().eq(0).outerWidth(true);
|
|
||||||
|
|
||||||
this.list.width(this.width * (obj.group.length + 1)).css('left', Math.floor($(window).width() * 0.5 - (obj.index * this.width + this.width * 0.5)));
|
|
||||||
},
|
|
||||||
|
|
||||||
beforeLoad: function (opts, obj) {
|
|
||||||
//Remove self if gallery do not have at least two items
|
|
||||||
if (obj.group.length < 2) {
|
|
||||||
obj.helpers.thumbs = false;
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
//Increase bottom margin to give space for thumbs
|
|
||||||
obj.margin[ opts.position === 'top' ? 0 : 2 ] += ((opts.height) + 15);
|
|
||||||
},
|
|
||||||
|
|
||||||
afterShow: function (opts, obj) {
|
|
||||||
//Check if exists and create or update list
|
|
||||||
if (this.list) {
|
|
||||||
this.onUpdate(opts, obj);
|
|
||||||
|
|
||||||
} else {
|
|
||||||
this.init(opts, obj);
|
|
||||||
}
|
|
||||||
|
|
||||||
//Set active element
|
|
||||||
this.list.children().removeClass('active').eq(obj.index).addClass('active');
|
|
||||||
},
|
|
||||||
|
|
||||||
//Center list
|
|
||||||
onUpdate: function (opts, obj) {
|
|
||||||
if (this.list) {
|
|
||||||
this.list.stop(true).animate({
|
|
||||||
'left': Math.floor($(window).width() * 0.5 - (obj.index * this.width + this.width * 0.5))
|
|
||||||
}, 150);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
beforeClose: function () {
|
|
||||||
if (this.wrap) {
|
|
||||||
this.wrap.remove();
|
|
||||||
}
|
|
||||||
|
|
||||||
this.wrap = null;
|
|
||||||
this.list = null;
|
|
||||||
this.width = 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}(jQuery));
|
|
|
@ -1,273 +1 @@
|
||||||
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
|
/*! fancyBox v2.1.5 https://fancyapps.com | https://fancyapps.com/fancybox/#license */ .fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner,.fancybox-outer{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(fancybox_loading.gif) center center no-repeat}.fancybox-close,.fancybox-nav{position:absolute;cursor:pointer;z-index:8040}.fancybox-close{right:-18px;top:-18px;width:36px;height:36px}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;background:url(blank.gif);-webkit-tap-highlight-color:transparent}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:visible!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#fff;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(fancybox_loading@2x.gif);background-size:24px 24px}}
|
||||||
.fancybox-wrap,
|
|
||||||
.fancybox-skin,
|
|
||||||
.fancybox-outer,
|
|
||||||
.fancybox-inner,
|
|
||||||
.fancybox-image,
|
|
||||||
.fancybox-wrap iframe,
|
|
||||||
.fancybox-wrap object,
|
|
||||||
.fancybox-nav,
|
|
||||||
.fancybox-nav span,
|
|
||||||
.fancybox-tmp
|
|
||||||
{
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
border: 0;
|
|
||||||
outline: none;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-wrap {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 8020;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-skin {
|
|
||||||
position: relative;
|
|
||||||
background: #f9f9f9;
|
|
||||||
color: #444;
|
|
||||||
text-shadow: none;
|
|
||||||
-webkit-border-radius: 4px;
|
|
||||||
-moz-border-radius: 4px;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-opened {
|
|
||||||
z-index: 8030;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-opened .fancybox-skin {
|
|
||||||
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
|
||||||
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
|
||||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-outer, .fancybox-inner {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-inner {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-type-iframe .fancybox-inner {
|
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-error {
|
|
||||||
color: #444;
|
|
||||||
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
margin: 0;
|
|
||||||
padding: 15px;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-image, .fancybox-iframe {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-image {
|
|
||||||
max-width: 100%;
|
|
||||||
max-height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
|
|
||||||
background-image: url(fancybox_sprite.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-loading {
|
|
||||||
position: fixed;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
margin-top: -22px;
|
|
||||||
margin-left: -22px;
|
|
||||||
background-position: 0 -108px;
|
|
||||||
opacity: 0.8;
|
|
||||||
cursor: pointer;
|
|
||||||
z-index: 8060;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-loading div {
|
|
||||||
width: 44px;
|
|
||||||
height: 44px;
|
|
||||||
background: url(fancybox_loading.gif) center center no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-close {
|
|
||||||
position: absolute;
|
|
||||||
top: -18px;
|
|
||||||
right: -18px;
|
|
||||||
width: 36px;
|
|
||||||
height: 36px;
|
|
||||||
cursor: pointer;
|
|
||||||
z-index: 8040;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-nav {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
width: 40%;
|
|
||||||
height: 100%;
|
|
||||||
cursor: pointer;
|
|
||||||
text-decoration: none;
|
|
||||||
background: transparent url(blank.gif); /* helps IE */
|
|
||||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
||||||
z-index: 8040;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-prev {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-next {
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-nav span {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
width: 36px;
|
|
||||||
height: 34px;
|
|
||||||
margin-top: -18px;
|
|
||||||
cursor: pointer;
|
|
||||||
z-index: 8040;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-prev span {
|
|
||||||
left: 10px;
|
|
||||||
background-position: 0 -36px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-next span {
|
|
||||||
right: 10px;
|
|
||||||
background-position: 0 -72px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-nav:hover span {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-tmp {
|
|
||||||
position: absolute;
|
|
||||||
top: -99999px;
|
|
||||||
left: -99999px;
|
|
||||||
max-width: 99999px;
|
|
||||||
max-height: 99999px;
|
|
||||||
overflow: visible !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Overlay helper */
|
|
||||||
|
|
||||||
.fancybox-lock {
|
|
||||||
overflow: visible !important;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-lock body {
|
|
||||||
overflow: hidden !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-lock-test {
|
|
||||||
overflow-y: hidden !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-overlay {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
display: none;
|
|
||||||
z-index: 8010;
|
|
||||||
background: url(fancybox_overlay.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-overlay-fixed {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-lock .fancybox-overlay {
|
|
||||||
overflow: auto;
|
|
||||||
overflow-y: scroll;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Title helper */
|
|
||||||
|
|
||||||
.fancybox-title {
|
|
||||||
visibility: hidden;
|
|
||||||
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
position: relative;
|
|
||||||
text-shadow: none;
|
|
||||||
z-index: 8050;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-opened .fancybox-title {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-title-float-wrap {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
right: 50%;
|
|
||||||
margin-bottom: -35px;
|
|
||||||
z-index: 8050;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-title-float-wrap .child {
|
|
||||||
display: inline-block;
|
|
||||||
margin-right: -100%;
|
|
||||||
padding: 2px 20px;
|
|
||||||
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
|
|
||||||
background: rgba(0, 0, 0, 0.8);
|
|
||||||
-webkit-border-radius: 15px;
|
|
||||||
-moz-border-radius: 15px;
|
|
||||||
border-radius: 15px;
|
|
||||||
text-shadow: 0 1px 2px #222;
|
|
||||||
color: #FFF;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: 24px;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-title-outside-wrap {
|
|
||||||
position: relative;
|
|
||||||
margin-top: 10px;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-title-inside-wrap {
|
|
||||||
padding-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancybox-title-over-wrap {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
color: #fff;
|
|
||||||
padding: 10px;
|
|
||||||
background: #000;
|
|
||||||
background: rgba(0, 0, 0, .8);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*Retina graphics!*/
|
|
||||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
|
||||||
only screen and (min--moz-device-pixel-ratio: 1.5),
|
|
||||||
only screen and (min-device-pixel-ratio: 1.5){
|
|
||||||
|
|
||||||
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
|
|
||||||
background-image: url(fancybox_sprite@2x.png);
|
|
||||||
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-loading div {
|
|
||||||
background-image: url(fancybox_loading@2x.gif);
|
|
||||||
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,78 +1 @@
|
||||||
(function ($) {
|
(function($){$(".article-entry").each(function(i){$(this).find("img").each(function(){if($(this).parent().hasClass("fancybox"))return;var alt=this.alt;if(alt){$(this).after('<span class="caption">'+alt+"</span>")}$(this).wrap('<a href="'+this.src+'" title="'+alt+'" class="fancybox"></a>')});$(this).find(".fancybox").each(function(){$(this).attr("rel","article"+i)})});if($.fancybox){$(".fancybox").fancybox()}$(document).ready(function(){var QRBox=$("#QRBox");var MainBox=$(".MainBox");var BTCQR=$("#BTCQR");var AliPayQR=$("#AliPayQR");var WeChatQR=$("#WeChatQR");var currentQR;function showQR(QR){$("#DonateText,#donateBox,#github").addClass("blur");currentQR=QR;QRBox.fadeIn(300,function(argument){QR.addClass("showQR")})}$("#donateBox>li").click(function(event){var thisID=$(this).attr("id");if(thisID==="BTC"){showQR(BTCQR);new Clipboard("#BTCBn")}else if(thisID==="AliPay"){showQR(AliPayQR)}else if(thisID==="WeChat"){showQR(WeChatQR)}});MainBox.click(function(event){if(currentQR)currentQR.removeClass("showQR").addClass("hideQR");setTimeout(function(a){QRBox.fadeOut(300,function(argument){MainBox.removeClass("hideQR")});$("#DonateText,#donateBox,#github").removeClass("blur")},600)});$("#menu").click(function(event){var nav=$("#main-nav");nav.toggle("fast")});$(window).resize(function(){var viewportWidth=$(window).width();if(viewportWidth>468){$("#main-nav").show("fast")}else{$("#main-nav").hide("fast")}})})})(jQuery);
|
||||||
// Caption
|
|
||||||
$('.article-entry').each(function (i) {
|
|
||||||
$(this).find('img').each(function () {
|
|
||||||
if ($(this).parent().hasClass('fancybox')) return
|
|
||||||
|
|
||||||
var alt = this.alt
|
|
||||||
|
|
||||||
if (alt) {
|
|
||||||
$(this).after('<span class="caption">' + alt + '</span>')
|
|
||||||
}
|
|
||||||
|
|
||||||
$(this).wrap('<a href="' + this.src + '" title="' + alt + '" class="fancybox"></a>')
|
|
||||||
})
|
|
||||||
|
|
||||||
$(this).find('.fancybox').each(function () {
|
|
||||||
$(this).attr('rel', 'article' + i)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
if ($.fancybox) {
|
|
||||||
$('.fancybox').fancybox()
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
$(document).ready(function() {
|
|
||||||
var QRBox = $('#QRBox');
|
|
||||||
var MainBox = $('.MainBox');
|
|
||||||
var BTCQR = $('#BTCQR');
|
|
||||||
var AliPayQR = $('#AliPayQR');
|
|
||||||
var WeChatQR = $('#WeChatQR');
|
|
||||||
var currentQR;
|
|
||||||
|
|
||||||
function showQR(QR) {
|
|
||||||
$('#DonateText,#donateBox,#github').addClass('blur');
|
|
||||||
currentQR = QR;
|
|
||||||
QRBox.fadeIn(300,function(argument) {
|
|
||||||
QR.addClass('showQR');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
$('#donateBox>li').click(function(event) {
|
|
||||||
var thisID = $(this).attr('id');
|
|
||||||
if (thisID === 'BTC') {
|
|
||||||
showQR(BTCQR);
|
|
||||||
new Clipboard('#BTCBn');
|
|
||||||
} else if (thisID === 'AliPay') {
|
|
||||||
showQR(AliPayQR);
|
|
||||||
} else if (thisID === 'WeChat') {
|
|
||||||
showQR(WeChatQR);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
MainBox.click(function(event) {
|
|
||||||
if (currentQR) currentQR.removeClass('showQR').addClass('hideQR');
|
|
||||||
setTimeout (function(a) {
|
|
||||||
QRBox.fadeOut(300,function(argument) {
|
|
||||||
MainBox.removeClass('hideQR');
|
|
||||||
});
|
|
||||||
$('#DonateText,#donateBox,#github').removeClass('blur');
|
|
||||||
},600);
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#menu').click(function (event) {
|
|
||||||
var nav = $('#main-nav');
|
|
||||||
nav.toggle('fast');
|
|
||||||
});
|
|
||||||
|
|
||||||
$(window).resize(function () {
|
|
||||||
var viewportWidth = $(window).width();
|
|
||||||
if (viewportWidth > 468) {
|
|
||||||
$('#main-nav').show('fast');
|
|
||||||
} else {
|
|
||||||
$('#main-nav').hide('fast');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
})(jQuery)
|
|
Loading…
Reference in New Issue