9、PhotoViewer

优质

小牛编辑

125浏览

2023-12-01

PhotoViewer.js 是为App.js提供的可定制的照片库，这对于设置来说是微不足道的。它是一种带有滑动手势、缩放和放大功能的原生感觉。

<!-- in your html -->
<script src="http://cdn.kik.com/photo-viewer/1/photo-viewer.js"></script>

<div class="app-page dark-page" data-page="viewer">
  <div class="app-topbar">
    <div class="left app-button" data-back data-autotitle></div>
    <div class="app-title">Viewer</div>
  </div>
  <div class="app-content"></div>
</div>
// in your js
App.controller('viewer', function (page, data) {
  var photoViewer = new PhotoViewer(page, data.urls);
});
// to use the viewer
App.load('viewer', {
  urls: [
    'http://i.imgur.com/yDK68Ff.jpg',
    'http://i.imgur.com/rKIESYd.jpg',
    'http://i.imgur.com/OTaodxO.jpg'
  ]
});

请阅读 PhotoViewer 文档，了解更多选项和定制。

Github下载地址：https://github.com/kikinteractive/app