From a71c4165e251d9104bf250d87f1ec9fed23166ee Mon Sep 17 00:00:00 2001 From: filesite Date: Sat, 23 Apr 2022 00:56:54 +0800 Subject: [PATCH] theme google image support 1 dir-level, add blueimp-gallery support --- conf/app.php | 2 +- .../googleimage/controller/SiteController.php | 3 +- themes/googleimage/views/layout/main.php | 46 ++++++++++++++++ themes/googleimage/views/site/index.php | 25 ++++++--- www/css/blueimp-gallery.min.css | 2 + www/css/googleimage.css | 2 +- www/img/close.png | Bin 0 -> 163 bytes www/img/close.svg | 4 ++ www/img/error.png | Bin 0 -> 1047 bytes www/img/error.svg | 6 ++ www/img/loading.gif | Bin 0 -> 3796 bytes www/img/loading.svg | 52 ++++++++++++++++++ www/img/next.png | Bin 0 -> 166 bytes www/img/next.svg | 4 ++ www/img/play-pause.png | Bin 0 -> 432 bytes www/img/play-pause.svg | 6 ++ www/img/prev.png | Bin 0 -> 170 bytes www/img/prev.svg | 4 ++ www/img/video-play.png | Bin 0 -> 993 bytes www/img/video-play.svg | 5 ++ www/js/blueimp-gallery.min.js | 2 + www/js/googleimage.js | 17 ++++++ 22 files changed, 169 insertions(+), 11 deletions(-) create mode 100644 www/css/blueimp-gallery.min.css create mode 100644 www/img/close.png create mode 100644 www/img/close.svg create mode 100644 www/img/error.png create mode 100644 www/img/error.svg create mode 100644 www/img/loading.gif create mode 100644 www/img/loading.svg create mode 100644 www/img/next.png create mode 100644 www/img/next.svg create mode 100644 www/img/play-pause.png create mode 100644 www/img/play-pause.svg create mode 100644 www/img/prev.png create mode 100644 www/img/prev.svg create mode 100644 www/img/video-play.png create mode 100644 www/img/video-play.svg create mode 100644 www/js/blueimp-gallery.min.js diff --git a/conf/app.php b/conf/app.php index a564fb6..acc6288 100644 --- a/conf/app.php +++ b/conf/app.php @@ -10,7 +10,7 @@ return array( //'theme' => 'manual', //name of theme which is enabled //in developing - 'content_directory' => 'dogs/', //directory of contents in /www/ + 'content_directory' => 'dogs_2/', //directory of contents in /www/ 'theme' => 'googleimage', //name of theme which is enabled 'default_layout' => 'main', //default layout diff --git a/themes/googleimage/controller/SiteController.php b/themes/googleimage/controller/SiteController.php index f35af74..c8fa918 100644 --- a/themes/googleimage/controller/SiteController.php +++ b/themes/googleimage/controller/SiteController.php @@ -8,8 +8,6 @@ require_once __DIR__ . '/../../../plugins/Parsedown.php'; Class SiteController extends Controller { public function actionIndex() { - $cateId = $this->get('id', ''); - //获取数据 $scanner = new DirScanner(); $scanner->setWebRoot(FSC::$app['config']['content_directory']); @@ -18,6 +16,7 @@ Class SiteController extends Controller { //获取目录 $menus = $scanner->getMenus(); + $cateId = $this->get('id', $menus[0]['id']); $titles = []; $html = ''; diff --git a/themes/googleimage/views/layout/main.php b/themes/googleimage/views/layout/main.php index dd47496..b359605 100644 --- a/themes/googleimage/views/layout/main.php +++ b/themes/googleimage/views/layout/main.php @@ -7,8 +7,14 @@ + + @@ -36,10 +42,50 @@ include_once $viewFile; ©FSC 2022 - execute time: {page_time_cost} ms + + + + diff --git a/themes/googleimage/views/site/index.php b/themes/googleimage/views/site/index.php index cb9c199..2d21456 100644 --- a/themes/googleimage/views/site/index.php +++ b/themes/googleimage/views/site/index.php @@ -1,6 +1,3 @@ -
@@ -34,20 +31,34 @@ eof; eof; }else if (!empty($dir['files'])) { $first_img = array_shift($dir['files']); - echo << eof; + } } + echo <<{$dir['directory']} eof; } - }else if (!empty($category['files'])) { + }else if (!empty($category['files'])) { //一级目录支持 foreach($category['files'] as $file) { if (!in_array($file['extension'], $imgExts)) {continue;} echo << + + {$file['filename']} + eof; } } diff --git a/www/css/blueimp-gallery.min.css b/www/css/blueimp-gallery.min.css new file mode 100644 index 0000000..5a62618 --- /dev/null +++ b/www/css/blueimp-gallery.min.css @@ -0,0 +1,2 @@ +@charset "UTF-8";.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content,.blueimp-gallery>.slides>.slide>.slide-content>img{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear;backface-visibility:hidden;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.slide-content,.blueimp-gallery>.slides>.slide>.slide-content>img{margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;opacity:1}.blueimp-gallery{position:fixed;z-index:999999;overflow:hidden;background:#000;opacity:0;display:none;direction:ltr;-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.blueimp-gallery-carousel{position:relative;z-index:auto;margin:1em auto;padding-bottom:56.25%;box-shadow:0 0 4px rgba(0,0,0,.1);-ms-touch-action:pan-y pinch-zoom;touch-action:pan-y pinch-zoom;display:block}.blueimp-gallery-display{display:block;opacity:1}.blueimp-gallery>.slides{position:relative;height:100%;overflow:hidden}.blueimp-gallery-carousel>.slides{position:absolute}.blueimp-gallery>.slides>.slide{visibility:hidden;position:relative;float:left;height:100%;text-align:center;-webkit-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1);-moz-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1);-ms-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1);-o-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1);transition-timing-function:cubic-bezier(0.645,0.045,0.355,1)}.blueimp-gallery>.slides>.slide-active,.blueimp-gallery>.slides>.slide-next,.blueimp-gallery>.slides>.slide-prev{visibility:visible}.blueimp-gallery>.slides>.slide-loading{background:url(../img/loading.gif) center no-repeat;background-size:64px 64px}.blueimp-gallery-smil>.slides>.slide-loading{background-image:url(../img/loading.svg)}.blueimp-gallery>.slides>.slide-loading>.slide-content{opacity:0}.blueimp-gallery>.slides>.slide-error{background:url(../img/error.png) center no-repeat}.blueimp-gallery-svgasimg>.slides>.slide-error{background-image:url(../img/error.svg)}.blueimp-gallery>.slides>.slide-error>.slide-content{display:none}.blueimp-gallery-display>.next,.blueimp-gallery-display>.prev{position:absolute;top:50%;left:15px;width:8px;height:20px;padding:10px 14px 10px 18px;margin-top:-23px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background:#222 url(../img/prev.png) center no-repeat;background-color:rgba(0,0,0,.5);border:3px solid #fff;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;opacity:.5;cursor:pointer;display:none}.blueimp-gallery-display>.next{right:15px;left:auto;background-image:url(../img/next.png)}.blueimp-gallery-svgasimg>.prev{background-image:url(../img/prev.svg)}.blueimp-gallery-svgasimg>.next{background-image:url(../img/next.svg)}.blueimp-gallery-display>.close{position:absolute;top:15px;right:15px;width:30px;height:30px;background:url(../img/close.png) center no-repeat;opacity:.8;cursor:pointer;display:none}.blueimp-gallery-svgasimg>.close{background-image:url(../img/close.svg)}.blueimp-gallery>.title{position:absolute;top:15px;left:15px;margin:0 60px 0 0;font-size:20px;line-height:30px;color:#fff;text-shadow:0 0 2px #000;opacity:.8;display:none}.blueimp-gallery-display>.play-pause{position:absolute;right:15px;bottom:15px;width:30px;height:30px;background:url(../img/play-pause.png) 0 0 no-repeat;cursor:pointer;opacity:.5;display:none}.blueimp-gallery-svgasimg>.play-pause{background-image:url(../img/play-pause.svg)}.blueimp-gallery-playing>.play-pause{background-position:-30px 0}.blueimp-gallery-controls>.close,.blueimp-gallery-controls>.next,.blueimp-gallery-controls>.play-pause,.blueimp-gallery-controls>.prev,.blueimp-gallery-controls>.title{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-left>.prev,.blueimp-gallery-right>.next,.blueimp-gallery-single>.next,.blueimp-gallery-single>.play-pause,.blueimp-gallery-single>.prev{display:none}.blueimp-gallery>.close,.blueimp-gallery>.next,.blueimp-gallery>.play-pause,.blueimp-gallery>.prev,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.blueimp-gallery>.close:hover,.blueimp-gallery>.next:hover,.blueimp-gallery>.play-pause:hover,.blueimp-gallery>.prev:hover,.blueimp-gallery>.title:hover{color:#fff;opacity:1}*+html .blueimp-gallery>.slides>.slide{min-height:300px}*+html .blueimp-gallery>.slides>.slide>.slide-content{position:relative}*+html .blueimp-gallery>.slides>.slide>.slide-content>img{position:relative}@supports (object-fit:contain){.blueimp-gallery-contain>.slides>.slide>.slide-content,.blueimp-gallery-contain>.slides>.slide>.slide-content>img{width:100%;height:100%;object-fit:contain}}@media (prefers-color-scheme:light){.blueimp-gallery-carousel{background:#fff}}.blueimp-gallery>.indicator{position:absolute;top:auto;right:15px;bottom:15px;left:15px;margin:0 40px;padding:0;list-style:none;text-align:center;line-height:10px;display:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.blueimp-gallery>.indicator>li{display:inline-block;position:relative;width:9px;height:9px;margin:6px 3px 0 3px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:1px solid transparent;background:#ccc;background:rgba(255,255,255,.25) center no-repeat;border-radius:5px;box-shadow:0 0 2px #000;opacity:.5;cursor:pointer}*+html .blueimp-gallery>.indicator>li{display:inline}.blueimp-gallery>.indicator>.active,.blueimp-gallery>.indicator>li:hover{background-color:#fff;border-color:#fff;opacity:1}.blueimp-gallery>.indicator>li:after{opacity:0;display:block;position:absolute;content:'';top:-5em;left:4px;width:75px;height:75px;transition:transform .6s ease-out,opacity .4s ease-out;transform:translateX(-50%) translateY(0) translateZ(0);pointer-events:none}.blueimp-gallery>.indicator>li:hover:after{opacity:1;border-radius:50%;background:inherit;transform:translateX(-50%) translateY(-5px) translateZ(0)}.blueimp-gallery>.indicator>.active:after{display:none}.blueimp-gallery-controls>.indicator{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-single>.indicator{display:none}.blueimp-gallery>.slides>.slide>.video-content>.video-cover,.blueimp-gallery>.slides>.slide>.video-content>iframe,.blueimp-gallery>.slides>.slide>.video-content>video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.blueimp-gallery>.slides>.slide>.video-content>.video-cover{background:center no-repeat;background-size:contain}.blueimp-gallery>.slides>.slide>.video-iframe>.video-cover{background-color:#000;background-color:rgba(0,0,0,.7)}.blueimp-gallery>.slides>.slide>.video-content>.video-play{position:absolute;top:50%;right:0;left:0;margin:-64px auto 0;width:128px;height:128px;background:url(../img/video-play.png) center no-repeat;opacity:.8;cursor:pointer}.blueimp-gallery-svgasimg>.slides>.slide>.video-content>.video-play{background-image:url(../img/video-play.svg)}.blueimp-gallery>.slides>.slide>.video-playing>.video-cover,.blueimp-gallery>.slides>.slide>.video-playing>.video-play{display:none}.blueimp-gallery>.slides>.slide>.video-loading>.video-play{background:url(../img/loading.gif) center no-repeat;background-size:64px 64px}.blueimp-gallery-smil>.slides>.slide>.video-loading>.video-play{background-image:url(../img/loading.svg)}*+html .blueimp-gallery>.slides>.slide>.video-content{height:100%}*+html .blueimp-gallery>.slides>.slide>.video-content>.video-play{left:50%;margin-left:-64px}.blueimp-gallery>.slides>.slide>.video-content>.video-play:hover{opacity:1} +/*# sourceMappingURL=blueimp-gallery.min.css.map */ \ No newline at end of file diff --git a/www/css/googleimage.css b/www/css/googleimage.css index 0ff8328..b096102 100644 --- a/www/css/googleimage.css +++ b/www/css/googleimage.css @@ -20,7 +20,7 @@ a{color: #aaadb2;text-decoration: none} .modal-body{padding: 10px;background-color: inherit;} .modal-about .modal-body h1{display: none;} .content{padding: 20px 10px} -.img-item{display: inline-block;margin-left: 10px;margin-right: 10px;margin-bottom: 20px;} +.img-item{display: inline-block;margin-left: 10px;margin-right: 10px;margin-bottom: 20px;cursor: pointer;} .img-item img{height: 180px;object-fit: cover;} .img-item strong{display: block;color: #bdc1c6;font-family: Roboto,Arial,sans-serif;font-size: 12px;letter-spacing: .2px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} diff --git a/www/img/close.png b/www/img/close.png new file mode 100644 index 0000000000000000000000000000000000000000..bd2ea226245111bf4bdf2af85523fb9449355f88 GIT binary patch literal 163 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc0wmQNuC@WGEKe85kcwMVFQ4W-pdirlP&0S+ zMqclYuIuNSbu@l8JoMt@>3*TjjQ^fKYs(cZ&fa=;YGeQK?yiRU>YGNX1a=6*& zJAHe@pTRaMZc}wtip|oQGF|T7`pR+rH4i_jPicRYct(yb{HLfLN4!!(vZQ@F&{hUd LS3j3^P6 + + + diff --git a/www/img/error.png b/www/img/error.png new file mode 100644 index 0000000000000000000000000000000000000000..9326411e45c5c9dad5c3c22845402144cbb3df20 GIT binary patch literal 1047 zcmV+y1nB#TP)b6)ASN!Bx- z_ZDo=juZ5u4}Cath=hbhLLs4o(3LQru)@GN<8L^JHi=DzbdWHWaDwoTASCh5u$e*# z_>FXku#9k(@SPxH1bkdEe1^PCJdd!2z0$D*zBi*UFA+~8%p*J@2#0{a=Av)6$u}o7 z5`;@Y-_6}3KZfv;AY2Aw7~>@IWWr9RU=tI+inO$QA}{Zb2n0@xX3h2h_!)o0IkZs} zVh3Wgn|v^2*ud7L2#77m&MPlZJ}aw1 z3>>&nJbhXVVk&?we887U5v;!xq;LDQw1=WYhjrrR%Nmfd0`NsX*Tc8$<6t%Uu~HrX z`|m-~(9jY=+XDFh=bwX;B8;(esQVb@<@QZ9Z@yD}{#=bfZ3X(Mso9A>B}RwlR!nmE zaXvZujTkd#CW3Pk=o5WQ%oEaL5nyh#E6^F=$;*m>*!av+Kt_P6?7{}~^9XNj zh5#=Del}qnX=Ficbe>y4O_34cL_`Nzp{YE-oCpdwYz*P>Np7Jek-BEy{#d4(dx`N# zN_r1iMjq(ZYiX3xAdwTGkV|G@t*$VPv9OdpfEf9tN&zQ81vB>FQ<=!vM4m@l+I_}n zIVV8Zh=xd6DbD5`B@g80-eLT9;RF~T$q;!vI9Ci8c5&C8m?2IxXHrKa5Cx zG2RsKpT=_a$5C59k0TK0$xDA8ccwt1rpCzviCvNf61A4q1p2TLZ1GwwJvyGt-g>7@k4ckCd+BjK2C?|9wjQeHdWEbOHfnysd^`Q@a`~YN|gy538 ROkMy0002ovPDHLkV1mV8=I#Ih literal 0 HcmV?d00001 diff --git a/www/img/error.svg b/www/img/error.svg new file mode 100644 index 0000000..5359976 --- /dev/null +++ b/www/img/error.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/www/img/loading.gif b/www/img/loading.gif new file mode 100644 index 0000000000000000000000000000000000000000..4ae663fa730eb029d66aeacdf410ded160745126 GIT binary patch literal 3796 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 rPMJ{`OqS*hSEgxCgT<}E<( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/www/img/next.png b/www/img/next.png new file mode 100644 index 0000000000000000000000000000000000000000..683571fc30f38e8346e68189e3e1f48760de070f GIT binary patch literal 166 zcmeAS@N?(olHy`uVBq!ia0vp^96&6>!2%?ugtj~YQn{Wkjv*CuN++D=Y;fRV4c`;l zXkLABT2A8WjRM{qxCE~~;CH`pIBoNc#|~=x=LIw7$mOYN@wW6fDlzqMxa1ySRHU>; z@amZZi=LElgex5v7ErDCWp_MnKlx8%&QXuEk-|FN^X%2%y!;*Mxa<)7L8Z>R%Rd!d QfEF`&y85}Sb4q9e0O2z`aR2}S literal 0 HcmV?d00001 diff --git a/www/img/next.svg b/www/img/next.svg new file mode 100644 index 0000000..2bf632b --- /dev/null +++ b/www/img/next.svg @@ -0,0 +1,4 @@ + + + + diff --git a/www/img/play-pause.png b/www/img/play-pause.png new file mode 100644 index 0000000000000000000000000000000000000000..8a9c04ac653983ba8d30daa35d738822ba51d552 GIT binary patch literal 432 zcmV;h0Z;ykP)Jw!3t=He`Lke$GopohnCGG7F^3Y=L;4(U`k3Ck$6+HYBzTL&6u_ z*mGmC{d*VrBXDsbvh0dL$WR2b>a$9n#w=htTKg3Dax) aXnO%|f=jtC)S|rr0000 + + + + + diff --git a/www/img/prev.png b/www/img/prev.png new file mode 100644 index 0000000000000000000000000000000000000000..49e91584ece3c10172a31a0763e50a6b4854c89a GIT binary patch literal 170 zcmeAS@N?(olHy`uVBq!ia0vp^96&6>!2%?ugtj~YQiYx_jv*DdawqKOZ7|?*5x!{1 zsJhu8#4JH(MzdrDlcK6y$N9yI78-@+>UTfiJf`B@?Voz~%-Tyvo0PLGn4IKO+Y5{W zU2kydm~ibDuxia^@wK)&KHZGX^HQpEcSM`KNp!SE*orudcdg5xr}KB|*Dwgr?3^mF SeP%w;at2RVKbLh*2~7YGb2dT% literal 0 HcmV?d00001 diff --git a/www/img/prev.svg b/www/img/prev.svg new file mode 100644 index 0000000..69e3bd6 --- /dev/null +++ b/www/img/prev.svg @@ -0,0 +1,4 @@ + + + + diff --git a/www/img/video-play.png b/www/img/video-play.png new file mode 100644 index 0000000000000000000000000000000000000000..4c5eedbadbbc70f3b63708cf11347c49033ea95a GIT binary patch literal 993 zcmV<710MW|P)1#> zF3}jM2l)vXu{RYO!SqkKw1LKzQa-a0v@`qD-JLCB!kgpH%=hj5y!YmN7R!nKkA^bT zq8Xj&!4QVvLMNJ0i?XADK8;@R$U@Gt;NeDnsh}G$h(+w9nC)W$gJ>`p+=_<^f30L$ zjKOLScqMLO3r1`U{itMxZ^If`Yz=KJ@JEk%69B_$1I34#3XrqljjKy}R3<`n?jQ;D6n;z28Y2MgWj{VWb6$Q_YL4jY zA_?3r{1){aB_P_5Z_~HsMn(NZx1rJz*f2uCv@KY9Vr&acIfU`o&MQU_p$XUU*-e&f z$m)p3Pcb?o7FYc0@Y&aNwcw|m6G8m5UnHi4tCL}MU4^*avM3R!Ns-$G^?_4!K zB|8pD>Az0POZ70>(E2brvZq<~@qL`iKhLK;#^H58&*cS*Wn%)xV;O%c~YR7d;wWf;I-4^3!f?RL6uo)`RZ?Isoi9Y6n#h(~4rn_V_YEsFjAXsx) z&{VXV2WN88s(?m4+z2U_?Ls9i+fhk;4Vusa*FoX315KzolEUSQnQy-U-yDB77XxG2 P00000NkvXXu0mjfUOL&% literal 0 HcmV?d00001 diff --git a/www/img/video-play.svg b/www/img/video-play.svg new file mode 100644 index 0000000..43e3fac --- /dev/null +++ b/www/img/video-play.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/www/js/blueimp-gallery.min.js b/www/js/blueimp-gallery.min.js new file mode 100644 index 0000000..17d61c0 --- /dev/null +++ b/www/js/blueimp-gallery.min.js @@ -0,0 +1,2 @@ +!function(){"use strict";function t(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t}function i(t){if(!this||this.find!==i.prototype.find)return new i(t);if(this.length=0,t)if((t="string"==typeof t?this.find(t):t).nodeType||t===t.window)this.length=1,this[0]=t;else{var e=t.length;for(this.length=e;e;)this[--e]=t[e]}}i.extend=t,i.contains=function(t,e){do{if((e=e.parentNode)===t)return!0}while(e);return!1},i.parseJSON=function(t){return JSON.parse(t)},t(i.prototype,{find:function(t){var e=this[0]||document;return new i(t="string"==typeof t?e.querySelectorAll?e.querySelectorAll(t):"#"===t.charAt(0)?e.getElementById(t.slice(1)):e.getElementsByTagName(t):t)},hasClass:function(t){return!!this[0]&&new RegExp("(?:^|\\s+)"+t+"(?:\\s+|$)").test(this[0].className)},addClass:function(t){for(var e,i,s,n=this.length;n;)if((i=this[--n]).className)for(e=e||t.split(/\s+/),s=0;sthis.container[0].clientHeight&&(i.style.maxHeight=this.container[0].clientHeight),this.interval&&this.slides[this.index]===s&&this.play(),this.setTimeout(this.options.onslidecomplete,[e,s]))},onload:function(t){this.oncomplete(t)},onerror:function(t){this.oncomplete(t)},onkeydown:function(t){switch(t.which||t.keyCode){case 13:this.options.toggleControlsOnEnter&&(this.preventDefault(t),this.toggleControls());break;case 27:this.options.closeOnEscape&&(this.close(),t.stopImmediatePropagation());break;case 32:this.options.toggleSlideshowOnSpace&&(this.preventDefault(t),this.toggleSlideshow());break;case 37:this.options.enableKeyboardNavigation&&(this.preventDefault(t),this.prev());break;case 39:this.options.enableKeyboardNavigation&&(this.preventDefault(t),this.next())}},handleClick:function(t){var e=this.options,i=t.target||t.srcElement,s=i.parentNode;function n(t){return f(i).hasClass(t)||f(s).hasClass(t)}n(e.toggleClass)?(this.preventDefault(t),this.toggleControls()):n(e.prevClass)?(this.preventDefault(t),this.prev()):n(e.nextClass)?(this.preventDefault(t),this.next()):n(e.closeClass)?(this.preventDefault(t),this.close()):n(e.playPauseClass)?(this.preventDefault(t),this.toggleSlideshow()):s===this.slidesContainer[0]?e.closeOnSlideClick?(this.preventDefault(t),this.close()):e.toggleControlsOnSlideClick&&(this.preventDefault(t),this.toggleControls()):s.parentNode&&s.parentNode===this.slidesContainer[0]&&e.toggleControlsOnSlideClick&&(this.preventDefault(t),this.toggleControls())},onclick:function(t){if(!(this.options.emulateTouchEvents&&this.touchDelta&&(20i.index)&&f(n[s])[i.method](o.slideNextClass);this.slides[t].setAttribute("aria-hidden","true"),this.slides[e].removeAttribute("aria-hidden")},handleSlide:function(t,e){this.options.continuous||this.updateEdgeClasses(e),this.updateActiveSlide(t,e),this.loadElements(e),this.options.unloadElements&&this.unloadElements(t,e),this.setTitle(e)},onslide:function(t){this.handleSlide(this.index,t),this.index=t,this.setTimeout(this.options.onslide,[t,this.slides[t]])},setTitle:function(t){var e=this.slides[t].firstChild,t=e.title||e.alt,e=this.titleElement;e.length&&(this.titleElement.empty(),t&&e[0].appendChild(document.createTextNode(t)))},setTimeout:function(t,e,i){var s=this;return t&&window.setTimeout(function(){t.apply(s,e||[])},i||0)},imageFactory:function(t,e){var i,s,n,o,a,l,r,h,d=this.options,c=this,u=t,p=this.imagePrototype.cloneNode(!1);if("string"!=typeof u&&(u=this.getItemProperty(t,d.urlProperty),n=this.support.picture&&this.support.source&&this.getItemProperty(t,d.sourcesProperty),o=this.getItemProperty(t,d.srcsetProperty),a=this.getItemProperty(t,d.sizesProperty),l=this.getItemProperty(t,d.titleProperty),r=this.getItemProperty(t,d.altTextProperty)||l),p.draggable=!1,l&&(p.title=l),r&&(p.alt=r),f(p).on("load error",function m(t){if(!s){if(!(t={type:t.type,target:i||p}).target.parentNode)return c.setTimeout(m,[t]);s=!0,f(p).off("load error",m),e(t)}}),n&&n.length){for(i=this.picturePrototype.cloneNode(!1),h=0;ht?-this.slideWidth:this.index 0) { + var imgContainer = $('.content').get(0); + var links = imgContainer.getElementsByTagName('a'); + + $('.img-preview').click(function(evt) { + var target = evt.target; + var link = target.src ? target.parentNode : target; + var options = { + index: link, + event: evt, + container: '#blueimp-gallery' + }; + blueimp.Gallery(links, options); + }); + } + })(); \ No newline at end of file