Scientific/upload/file/b69aad0a110649ce93037420c9bad560.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<html><head>
<meta http-equiv="content-language" content="zh-cn">
<meta http-equiv="Cache-Control" content="max-age=200">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>查看图片</title>
<link rel="stylesheet prefetch" href="https://demo.demohuo.top/jquery/46/4610/demo/css/default-skin/default-skin.css">
<link rel="stylesheet prefetch" href="https://demo.demohuo.top/jquery/46/4610/demo/css/photoswipe.css">
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script src="https://demo.demohuo.top/jquery/46/4610/demo/js/photoswipe.js"></script>
<script src="https://demo.demohuo.top/jquery/46/4610/demo/js/photoswipe-ui-default.min.js"></script>
<style>
	body{background-color: #252525}	
</style>
</head>

<body style="">

<div class="whole">
  <div id="imgshow" class="img" style="width:100%;height:auto;" data-pswp-uid="1">
   
    <figure style="float: left;width:25%;">
      <div class="img-dv" style="width: 100%; overflow: hidden; height: 90px;">
      		<a style="position: static;" id="tupian1" index="1" href="a1.png" data-size="680x408"><img style="width: 100%" id="Img1" src="https://demo.demohuo.top/jquery/46/4610/demo/img/a1.png"></a>
      </div>
      <figcaption style="font-size: 0.56rem;color: #555;text-align: center;height: 1rem;line-height: 1rem;display:none;">Picture information 1</figcaption>
    </figure>
    
    <figure style="float: left;width:25%;">
    	<div class="img-dv" style="width: 100%; overflow: hidden; height: 90px;">
    		<a style="position: static;" id="tupian2" index="2" href="a2.png" data-size="680x408"><img style="width: 100%" id="Img2" src="https://demo.demohuo.top/jquery/46/4610/demo/img/a1.png"></a>
    	</div>
    <figcaption style="font-size: 0.56rem;color: #555;text-align: center;height: 1rem;line-height: 1rem;display:none;">Picture information 2</figcaption></figure>
    
    <figure style="float: left;width:25%;">
    	<div class="img-dv" style="width: 100%; overflow: hidden; height: 90px;">
    		<a style="position: static;" id="A1" index="2" href="a3.png" data-size="680x408"><img style="width: 100%" id="Img3" src="https://demo.demohuo.top/jquery/46/4610/demo/img/a1.png"></a>
    	</div>
    <figcaption style="font-size: 0.56rem;color: #555;text-align: center;height: 1rem;line-height: 1rem;display:none;">Picture information 3</figcaption></figure>
    
    <figure style="float: left;width:25%;">
    	<div class="img-dv" style="width: 100%; overflow: hidden; height: 90px;">
    		<a style="position: static;" id="A2" index="2" href="a4.png" data-size="680x408"><img style="width: 100%" id="Img4" src="https://demo.demohuo.top/jquery/46/4610/demo/img/a1.png"></a>
    	</div>
    <figcaption style="font-size: 0.56rem;color: #555;text-align: center;height: 1rem;line-height: 1rem;display:none;">Picture information 4</figcaption></figure>
  
  </div>
</div>

<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 
  
  <!-- Background of PhotoSwipe. 
         It's a separate element as animating opacity is faster than rgba(). -->
  <div class="pswp__bg"></div>
  
  <!-- Slides wrapper with overflow:hidden. -->
  <div class="pswp__scroll-wrap"> 
    
    <!-- Container that holds slides. 
            PhotoSwipe keeps only 3 of them in the DOM to save memory.