صفحهٔ اصلی گشت‌و‌گذار راهنما
ثبت نام ورود
shangshang
/
mingde-bd
برگرفته از huangzhidong/mingde-bd
0
0
انشعاب 0
پرونده‌ها
شاخه: master
شاخه‌ها تگ‌ها
mingde-bd
/
public
/
static
/
hplus
/
blueimp.html

blueimp.html 6.7 KB
لینک دائمی تاريخچه خام

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 

  4. <head>
    5. 

  5. 

  6.     <meta charset="utf-8">
    7. 

  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8. 

  8. 

  9. 

  10.     <title>H+ 后台主题UI框架 - Blueimp相册</title>
    11. 

  11.     <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    12. 

  12.     <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
    13. 

  13. 

  14.     <link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.7" rel="stylesheet">
    15. 

  15.     <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    16. 

  16.     <link href="css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
    17. 

  17. 

  18.     <link href="css/animate.css" rel="stylesheet">
    19. 

  19.     <link href="css/style.css?v=4.1.0" rel="stylesheet">
    20. 

  20. 

  21.     <style>
    22. 

  22.         .lightBoxGallery img {
    23. 

  23.             margin: 5px;
    24. 

  24.             width: 160px;
    25. 

  25.         }
    26. 

  26.     </style>
    27. 

  27. 

  28. </head>
    29. 

  29. 

  30. <body class="gray-bg">
    31. 

  31.     <div class="wrapper wrapper-content">
    32. 

  32.         <div class="row">
    33. 

  33.             <div class="col-lg-12">
    34. 

  34.                 <div class="ibox float-e-margins">
    35. 

  35. 

  36.                     <div class="ibox-content">
    37. 

  37. 

  38.                         <h2>相册插件</h2>
    39. 

  39.                         <p>
    40. 

  40.                             <strong>blueimp Gallery</strong>主要为移动设备而设计，同时也支持桌面浏览器。可定制视频和相片，支持触摸操作，支持全屏播放等。项目地址： <a href="https://github.com/blueimp/Gallery" target="_blank">https://github.com/blueimp/Gallery</a>
    41. 

  41.                         </p>
    42. 

  42. 

  43.                         <div class="lightBoxGallery">
    44. 

  44.                             <a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
    45. 

  45.                             <a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
    46. 

  46.                             <a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
    47. 

  47.                             <a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
    48. 

  48.                             <a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
    49. 

  49.                             <a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
    50. 

  50.                             <a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
    51. 

  51.                             <a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
    52. 

  52.                             <a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
    53. 

  53.                             <a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
    54. 

  54.                             <a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
    55. 

  55.                             <a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
    56. 

  56.                             <a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
    57. 

  57.                             <a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
    58. 

  58.                             <a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
    59. 

  59.                             <a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
    60. 

  60.                             <a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
    61. 

  61.                             <a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
    62. 

  62.                             <a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
    63. 

  63.                             <a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
    64. 

  64.                             <a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
    65. 

  65.                             <a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
    66. 

  66.                             <a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
    67. 

  67.                             <a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
    68. 

  68.                             <a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
    69. 

  69.                             <a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
    70. 

  70.                             <a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
    71. 

  71.                             <a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
    72. 

  72.                             <a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
    73. 

  73.                             <a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
    74. 

  74.                             <a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
    75. 

  75.                             <a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
    76. 

  76.                             <a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
    77. 

  77.                             <a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
    78. 

  78.                             <a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
    79. 

  79.                             <a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
    80. 

  80. 

  81.                             <div id="blueimp-gallery" class="blueimp-gallery">
    82. 

  82.                                 <div class="slides"></div>
    83. 

  83.                                 <h3 class="title"></h3>
    84. 

  84.                                 <a class="prev">‹</a>
    85. 

  85.                                 <a class="next">›</a>
    86. 

  86.                                 <a class="close">×</a>
    87. 

  87.                                 <a class="play-pause"></a>
    88. 

  88.                                 <ol class="indicator"></ol>
    89. 

  89.                             </div>
    90. 

  90.                         </div>
    91. 

  91.                     </div>
    92. 

  92.                 </div>
    93. 

  93.             </div>
    94. 

  94.         </div>
    95. 

  95.     </div>
    96. 

  96. 

  97.     <!-- 全局js -->
    98. 

  98.     <script src="js/jquery.min.js?v=2.1.4"></script>
    99. 

  99.     <script src="js/bootstrap.min.js?v=3.3.7"></script>
    100. 

  100. 

  101.     <!-- 自定义js -->
    102. 

  102.     <script src="js/content.js?v=1.0.0"></script>
    103. 

  103. 

  104.     <!-- blueimp gallery -->
    105. 

  105.     <script src="js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
    106. 

  106. 

  107.     <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
    108. 

  108.     <!--统计代码，可删除-->
    109. 

  109. 

  110. </body>
    111. 

  111. 

  112. </html>
    113.