Browse Source

图片站新皮肤

master
wen 2 years ago
parent
commit
ab7fc63988
  1. 6
      imgthemes1/css/bootstrap-theme.min.css
  2. 6
      imgthemes1/css/bootstrap.min.css
  3. 0
      imgthemes1/css/gystyleyi.css
  4. 75
      imgthemes1/css/index.css
  5. 1
      imgthemes1/css/jquery.fancybox.min.css
  6. BIN
      imgthemes1/images/img1.jpg
  7. BIN
      imgthemes1/images/img2.jpg
  8. BIN
      imgthemes1/images/img3.jpg
  9. BIN
      imgthemes1/images/img4.jpg
  10. BIN
      imgthemes1/images/img5.jpg
  11. BIN
      imgthemes1/images/img6.jpg
  12. BIN
      imgthemes1/images/img7.jpg
  13. BIN
      imgthemes1/images/img8.jpg
  14. BIN
      imgthemes1/images/jialuoma.ico
  15. 18
      imgthemes1/images/lazy.svg
  16. 183
      imgthemes1/index.html
  17. 6
      imgthemes1/js/bootstrap.min.js
  18. 26
      imgthemes1/js/index.js
  19. 4
      imgthemes1/js/jquery-3.1.1.min.js
  20. 13
      imgthemes1/js/jquery.fancybox.min.js
  21. 2
      imgthemes1/js/jquery3.6.1.min.js
  22. 15
      imgthemes1/js/lazyload.js

6
imgthemes1/css/bootstrap-theme.min.css vendored

File diff suppressed because one or more lines are too long

6
imgthemes1/css/bootstrap.min.css vendored

File diff suppressed because one or more lines are too long

0
imgthemes1/css/gystyleyi.css

75
imgthemes1/css/index.css

@ -0,0 +1,75 @@
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0;font-size:14px;}
.clearfix{zoom:1;}
.clearfix:after{content:'.';display:block;visibility:hidden;clear:both;overflow:hidden;height:0px;}
body{position:relative;font-family: ;
word-break: break-all;
word-wrap: break-word;background-color:#FFF;font-size:14px;line-height:1.428571429;}
ul,li{list-style:none;margin:0;padding:0;}
img,span{display:inline-block;max-width:100%;}
a{color:#464c5c;}
.img-responsive{max-width:100%;display:block;}
.elementBlock{display:block !important;}
.elementNone{display:none !important;}
.elementhidden{visibility:hidden !important;}
.verMiddle{vertical-align:middle !important;}
.vercenter{text-align:center !important;}
.verbold{font-weight:bold !important;}
.qcmargin{margin:0 !important;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
a:link{text-decoration:none;}
.main_style{padding-top:64px;}
.navbar-default {
background-color:#FFF;
}
.navbar-default .navbar-brand {
font-family: Brush Script MT;
font-weight: normal;
color:#b1afaf;
font-size: 21px;
line-height: 21px;
text-shadow:1px 1px 0 rgb(122 122 122),
1px 1px 5px rgb(183 183 183 / 80%);
}
.navbar-default{}
.navbar-default .navbar-toggle{padding:0;border:none;margin-top:10px;}
.navbar-default .icon1:hover{background-color:#ddd;}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover{background:none;}
.im_mainl{margin:0 10px 12px 10px;}
.bor_radius{border-radius:10px;}
.im_img{transform:scale(1);transition:all 0.5s ease;object-fit:cover;display:block;width:100%;height:100%;}
.im_img:hover{transform:scale(1.03);}
.im_item{padding:5px;height:16vw;overflow:hidden;}
.im_item>a{overflow: hidden;display:block;position:relative;width: 100%;height: 100%;}
.im_img_title{background:rgba(7, 7, 7, .3);position:absolute;left:0;right:0;bottom:0;top:0;color:#FFF;border-radius:10px;}
.im_item:hover .im_img{transform:scale(1.03);}
.im_img_title span{position:absolute;bottom:10px;left:10px;margin-right:10px;font-weight:bold;padding:5px;border:solid 2px #FFF;border-radius:10px;}
.web_info{padding:21px 0 42px 0;}
.web_info p{color:#808080;font-size:13px;margin:5px 0;}
.web_info a{color:#808080;}
.web_info a:hover{text-decoration:underline;color:#000;}
@media screen and (max-width: 1199px) {
.im_item {
height: 23vw;
}
}
@media screen and (max-width: 991px) {
.im_item {
height: 32vw;
}
}
@media screen and (max-width: 767px) {
.im_item {
height: 45vw;
}
}

1
imgthemes1/css/jquery.fancybox.min.css vendored

File diff suppressed because one or more lines are too long

BIN
imgthemes1/images/img1.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 641 KiB

BIN
imgthemes1/images/img2.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 326 KiB

BIN
imgthemes1/images/img3.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 320 KiB

BIN
imgthemes1/images/img4.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 346 KiB

BIN
imgthemes1/images/img5.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 697 KiB

BIN
imgthemes1/images/img6.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 667 KiB

BIN
imgthemes1/images/img7.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 639 KiB

BIN
imgthemes1/images/img8.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 621 KiB

BIN
imgthemes1/images/jialuoma.ico

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

18
imgthemes1/images/lazy.svg

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="800px" height="800px" viewBox="0 0 800 800" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>photograph</title>
<style>
#p1 { stroke-dasharray: 135; stroke-dashoffset: 135; animation: dash1 5s linear infinite; }
#p2 { stroke-dasharray: 2265; stroke-dashoffset: 2265; animation: dash2 5s linear infinite; }
#p3 { stroke-dasharray: 135; stroke-dashoffset: 135; animation: dash3 5s linear infinite; }
@keyframes dash1 { 0% { stroke-dashoffset: 135; } 3% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 0; } }
@keyframes dash2 { 0% { stroke-dashoffset: 2265; } 3% { stroke-dashoffset: 2265; } 70% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 0; } }
@keyframes dash3 { 0% { stroke-dashoffset: 135; } 70% { stroke-dashoffset: 135; } 73% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 0; } }
</style>
<g id="page1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="loading-bg" fill="#EEEEEE" x="0" y="0" width="800" height="800"></rect>
<path d="M190.829946,359.280167 C192.37546,355.145075 193.888083,344.366839 192.372114,347.594249 C170.781766,393.55886 145.335999,454.325633 150.733586,459" id="p1" stroke="#666666" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M171.266777,371.447074 C168.097789,374.611221 158.705594,376.099272 158.070232,371.447074 C155.74143,354.395281 212.008052,313.838644 225.605492,335.018245 C245.012176,365.246422 188.344659,427.252939 178.253183,417.951962 C171.785858,411.991242 217.726458,395.771687 225.605492,393.149355 C253.551116,383.848377 281.722932,322.341165 273.734068,329.592674 C265.195127,337.343489 227.934294,415.626717 224.052957,431.903428 C221.934994,440.785283 245.788443,396.249681 259.761255,396.249681 C267.523929,396.249681 265.195127,415.626717 269.076463,415.626717 C282.239885,415.626717 311.771168,386.948703 304.008494,392.374273 C292.601193,400.347185 288.797625,421.827369 296.245821,421.827369 C313.323702,421.827369 322.502267,388.51316 316.428772,383.848377 C306.337296,376.097562 287.631788,408.286171 316.428772,406.32574 C350.584535,404.000495 361.61593,346.623502 357.570941,356.720526 C354.465872,364.47134 330.505799,409.564806 339.716792,421.827369 C344.374396,428.028021 392.502972,386.948703 383.964031,392.374273 C377.561885,396.442142 365.333615,417.17688 374.648823,421.827369 C383.964031,426.477858 404.574179,388.25157 396.384309,383.848377 C386.292833,378.422807 364.07147,409.582627 396.384309,407.100821 C406.475785,406.32574 432.868874,390.049029 425.882468,391.599192 C418.896062,393.149355 397.950213,417.768203 406.475785,424.152613 C412.685923,428.803102 442.462086,379.718639 439.855281,386.948703 C432.868874,406.32574 408.028319,470.657501 397.936844,470.657501 C389.662012,470.657501 408.00943,446.746818 428.987538,425.702776 C449.336796,405.28956 472.274472,387.723784 468.577173,387.723784 C466.248371,387.723784 456.15575,422.501814 456.933162,420.277206 C466.646362,392.482353 520.695496,390.657407 518.258283,387.723784 C508.575457,376.068767 484.2054,411.886716 494.193995,415.626717 C500.404134,417.951962 512.824412,400.125088 512.824412,395.474599 C512.824412,393.525388 514.376946,415.626717 522.915887,414.076554 C541.104361,410.774611 563.867746,372.412175 556.295383,379.97297 C552.750966,383.511973 542.011814,403.445357 534.559897,424.152613 C525.691278,448.796579 520.332244,474.260868 521.363352,470.657501 C522.151424,467.903466 530.102938,442.560562 540.770036,420.277206 C551.117586,398.661378 563.847983,380.055026 568.715661,382.298214 C578.807136,386.948703 557.847918,428.803102 546.203908,427.252939 C534.559897,425.702776 556.623976,414.116187 583.46474,396.249681 C602.095157,383.848377 635.257835,316.995881 621.501841,332.693 C610.634098,345.094304 565.610591,450.505383 574.9258,432.678509 C579.527712,423.871652 601.356173,398.136052 609.85783,396.249681 C616.844237,394.699518 615.291702,414.076554 619.173039,415.626717 C623.39777,417.314028 634.006757,410.338295 651,394.699518" id="p2" stroke="#666666" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M309,367 C346.865949,362.844096 378.592139,360.256944 404.178571,359.238544 C421.925472,358.532176 433.532615,359.39456 439,361.825696" id="p3" stroke="#666666" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

183
imgthemes1/index.html

@ -0,0 +1,183 @@
<!-- The author Tan -->
<!DocType html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="referrer" content="default">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
<meta name="renderer" content="webkit">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="icon" href="images/jialuoma.ico">
<title>图片站</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.min.css">
<link rel="stylesheet" type="text/css" href="css/index.css?a=58869">
</head>
<body>
<div id="image_site" class="main_style">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<svg class="icon1" style="width:2em;height:2em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3539"><path d="M384 160H192a64 64 0 0 0-64 64v192a64 64 0 0 0 64 64h192a64 64 0 0 0 64-64V224a64 64 0 0 0-64-64z m448 0h-192a64 64 0 0 0-64 64v192a64 64 0 0 0 64 64h192a64 64 0 0 0 64-64V224a64 64 0 0 0-64-64zM384 608H192a64 64 0 0 0-64 64v192a64 64 0 0 0 64 64h192a64 64 0 0 0 64-64v-192a64 64 0 0 0-64-64z m448 0h-192a64 64 0 0 0-64 64v192a64 64 0 0 0 64 64h192a64 64 0 0 0 64-64v-192a64 64 0 0 0-64-64z" fill="#231F20" p-id="3540"></path></svg>
</button>
<a class="navbar-brand" href="/">FileSite图片站</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">大学校花</a></li>
<li><a href="#">大学校花</a></li>
<li><a href="#">大学校花</a></li>
<li><a href="#">大学校花</a></li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
<!-- <ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul> -->
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="img_main">
<div class="im_mainl row">
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2">
<a class="bor_radius" href="" title="美女">
<img class="bor_radius im_img lazy" src="images/img6.jpg" alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" />
<div class="im_img_title">
<span>性感女神易阳</span>
</div>
</a>
</div>
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2">
<a class="bor_radius" href="" title="美女">
<img class="bor_radius im_img lazy" src="images/img6.jpg" alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" />
<div class="im_img_title">
<span>性感女神易阳</span>
</div>
</a>
</div>
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2">
<a class="bor_radius" href="" title="美女">
<img class="bor_radius im_img lazy" src="images/img6.jpg" alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" />
<div class="im_img_title">
<span>性感女神易阳</span>
</div>
</a>
</div>
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2">
<a data-fancybox="gallery" data-src="https://www.xxfoo.com/images/2021/06/12/20180916203805_76367.jpg" data-caption="韩国美女车模申海莉生活照写真笑容迷人 [11]" class="bor_radius" href="javascript:;" title="美女">
<img class="bor_radius im_img lazy" src="images/lazy.svg" data-original="https://www.xxfoo.com/images/2021/06/12/20180916203805_76367.jpg" alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" />
</a>
</div>
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2">
<a data-fancybox="gallery" data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576" data-caption="韩国美女车模申海莉生活照写真笑容迷人 [12]" class="bor_radius" href="javascript:;" title="美女">
<img class="bor_radius im_img lazy" src="images/lazy.svg" data-original="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576" alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" />
</a>
</div>
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2">
<a data-fancybox="gallery"
data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576"
data-caption="韩国美女车模申海莉生活照写真笑容迷人 [12]" class="bor_radius" href="javascript:;" title="美女">
<img class="bor_radius im_img lazy" src="images/lazy.svg"
data-original="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_09.jpeg?ver=1667389560"
alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" />
</a>
</div>
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2">
<a data-fancybox="gallery"
data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576"
data-caption="韩国美女车模申海莉生活照写真笑容迷人 [12]" class="bor_radius" href="javascript:;" title="美女">
<img class="bor_radius im_img lazy" src="images/lazy.svg"
data-original="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_09.jpeg?ver=1667389560"
alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" />
</a>
</div>
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2">
<a data-fancybox="gallery"
data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576"
data-caption="韩国美女车模申海莉生活照写真笑容迷人 [12]" class="bor_radius" href="javascript:;" title="美女">
<img class="bor_radius im_img lazy" src="images/lazy.svg"
data-original="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_17.jpeg?ver=1667389665"
alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" />
</a>
</div>
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2">
<a data-fancybox="gallery"
data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576"
data-caption="韩国美女车模申海莉生活照写真笑容迷人 [12]" class="bor_radius" href="javascript:;" title="美女">
<img class="bor_radius im_img lazy" src="images/lazy.svg"
data-original="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_15.jpg?ver=1667389901"
alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" />
</a>
</div>
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2">
<a data-fancybox="gallery"
data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576"
data-caption="韩国美女车模申海莉生活照写真笑容迷人 [12]" class="bor_radius" href="javascript:;" title="美女">
<img class="bor_radius im_img lazy" src="images/lazy.svg"
data-original="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_11.jpeg?ver=1667389599"
alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" />
</a>
</div>
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2">
<a data-fancybox="gallery"
data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576"
data-caption="韩国美女车模申海莉生活照写真笑容迷人 [12]" class="bor_radius" href="javascript:;" title="美女">
<img class="bor_radius im_img lazy" src="images/lazy.svg"
data-original="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_09.jpeg?ver=1667389560"
alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" />
</a>
</div>
<!-- <div class="im_item col-xs-6 col-sm-4 col-md-3 col-lg-2">
<a href="" title="美女">
<img class="im_img lazy" src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576" alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" />
</a>
</div>
<div class="im_item col-xs-6 col-sm-4 col-md-3 col-lg-2">
<a href="" title="美女">
<img class="im_img lazy" src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_07..jpg?ver=1667389910" alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" />
</a>
</div> -->
</div>
</div>
<div class="web_info vercenter">
<p><span>©</span><a href="https://filesite.io/">FileSite.io</a></p>
<p><span>FileSite图片网站订制联系:</span><a href="https://filesite.io/">FileSite.io</a></p>
</div>
</div>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/lazyload.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.min.js"></script>
<script type="text/javascript" src="js/index.js?a=66886"></script>
</body>
</html>

6
imgthemes1/js/bootstrap.min.js vendored

File diff suppressed because one or more lines are too long

26
imgthemes1/js/index.js

@ -0,0 +1,26 @@
/*
******The author
******Tan
*/
if ($('#image_site').get(0)) {
// 图片浏览
$('[data-fancybox]').fancybox({
toolbar: true,
loop: false,
smallBtn: false,
buttons: ["zoom", "slideShow", "fullScreen", "download", "thumbs", "close"],
iframe: {
preload: false
}
})
// 图片懒加载
$("img.lazy").lazyload({
effect: "fadeIn",
event: "scroll"
});
}

4
imgthemes1/js/jquery-3.1.1.min.js vendored

File diff suppressed because one or more lines are too long

13
imgthemes1/js/jquery.fancybox.min.js vendored

File diff suppressed because one or more lines are too long

2
imgthemes1/js/jquery3.6.1.min.js vendored

File diff suppressed because one or more lines are too long

15
imgthemes1/js/lazyload.js

@ -0,0 +1,15 @@
(function($,window,document,undefined){var $window=$(window);$.fn.lazyload=function(options){var elements=this;var $container;var settings={threshold:0,failure_limit:0,event:"scroll",effect:"show",container:window,data_attribute:"original",skip_invisible:true,appear:null,load:null,placeholder:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC"};function update(){var counter=0;elements.each(function(){var $this=$(this);if(settings.skip_invisible&&!$this.is(":visible")){return;}
if($.abovethetop(this,settings)||$.leftofbegin(this,settings)){}else if(!$.belowthefold(this,settings)&&!$.rightoffold(this,settings)){$this.trigger("appear");counter=0;}else{if(++counter>settings.failure_limit){return false;}}});}
if(options){if(undefined!==options.failurelimit){options.failure_limit=options.failurelimit;delete options.failurelimit;}
if(undefined!==options.effectspeed){options.effect_speed=options.effectspeed;delete options.effectspeed;}
$.extend(settings,options);}
$container=(settings.container===undefined||settings.container===window)?$window:$(settings.container);if(0===settings.event.indexOf("scroll")){$container.bind(settings.event,function(){return update();});}
this.each(function(){var self=this;var $self=$(self);self.loaded=false;if($self.attr("src")===undefined||$self.attr("src")===false){if($self.is("img")){$self.attr("src",settings.placeholder);}}
$self.one("appear",function(){if(!this.loaded){if(settings.appear){var elements_left=elements.length;settings.appear.call(self,elements_left,settings);}
$("<img />").bind("load",function(){var original=$self.attr("data-"+settings.data_attribute);$self.hide();if($self.is("img")){$self.attr("src",original);}else{$self.css("background-image","url('"+original+"')");}
$self[settings.effect](settings.effect_speed);self.loaded=true;var temp=$.grep(elements,function(element){return!element.loaded;});elements=$(temp);if(settings.load){var elements_left=elements.length;settings.load.call(self,elements_left,settings);}}).attr("src",$self.attr("data-"+settings.data_attribute));}});if(0!==settings.event.indexOf("scroll")){$self.bind(settings.event,function(){if(!self.loaded){$self.trigger("appear");}});}});$window.bind("resize",function(){update();});if((/(?:iphone|ipod|ipad).*os 5/gi).test(navigator.appVersion)){$window.bind("pageshow",function(event){if(event.originalEvent&&event.originalEvent.persisted){elements.each(function(){$(this).trigger("appear");});}});}
$(document).ready(function(){update();});return this;};$.belowthefold=function(element,settings){var fold;if(settings.container===undefined||settings.container===window){fold=(window.innerHeight?window.innerHeight:$window.height())+$window.scrollTop();}else{fold=$(settings.container).offset().top+$(settings.container).height();}
return fold<=$(element).offset().top-settings.threshold;};$.rightoffold=function(element,settings){var fold;if(settings.container===undefined||settings.container===window){fold=$window.width()+$window.scrollLeft();}else{fold=$(settings.container).offset().left+$(settings.container).width();}
return fold<=$(element).offset().left-settings.threshold;};$.abovethetop=function(element,settings){var fold;if(settings.container===undefined||settings.container===window){fold=$window.scrollTop();}else{fold=$(settings.container).offset().top;}
return fold>=$(element).offset().top+settings.threshold+$(element).height();};$.leftofbegin=function(element,settings){var fold;if(settings.container===undefined||settings.container===window){fold=$window.scrollLeft();}else{fold=$(settings.container).offset().left;}
return fold>=$(element).offset().left+settings.threshold+$(element).width();};$.inviewport=function(element,settings){return!$.rightoffold(element,settings)&&!$.leftofbegin(element,settings)&&!$.belowthefold(element,settings)&&!$.abovethetop(element,settings);};$.extend($.expr[":"],{"below-the-fold":function(a){return $.belowthefold(a,{threshold:0});},"above-the-top":function(a){return!$.belowthefold(a,{threshold:0});},"right-of-screen":function(a){return $.rightoffold(a,{threshold:0});},"left-of-screen":function(a){return!$.rightoffold(a,{threshold:0});},"in-viewport":function(a){return $.inviewport(a,{threshold:0});},"above-the-fold":function(a){return!$.belowthefold(a,{threshold:0});},"right-of-fold":function(a){return $.rightoffold(a,{threshold:0});},"left-of-fold":function(a){return!$.rightoffold(a,{threshold:0});}});})(jQuery,window,document);
Loading…
Cancel
Save