lightbox 侧边栏式图片画廊jQuery插件

PetitQ 图片/图形, 布局框架 2019-11-25 1.80K 0 0

使用方法
在 HTML 文件中引入

<link href="src/strip.css" rel="stylesheet">

<script src="//code.jquery.com/jquery.min.js"></script>

<script src="src/strip.min.js"></script>

也想出现在这里？联系我们吧

HTML 结构

<a href="images/large/1.jpg" data-strip-caption="Image caption here" data-strip-group="gallery-name">

```
  <img src="images/thumb/1.jpg"> 
```
```
</a>
```
```
 
```

<a href="images/large/2.jpg" data-strip-caption="Image caption here" data-strip-group="gallery-name">

```
  <img src="images/thumb/2.jpg"> 
```
```
</a>
```
```
 
```

<a href="images/large/3.jpg" data-strip-caption="Image caption here" data-strip-group="gallery-name">

```
  <img src="images/thumb/3.jpg"> 
```
```
</a>
```

配置参数

effects: { // Sets the duration of individual effects, or disables them when set to false.

```
  spinner: {
```
```
    show: 200,
```
```
    hide: 200
```
```
  },
```
```
  transition: {
```
```
    min: 175,
```
```
    max: 250
```
```
  },
```
```
  ui: {
```
```
    show: 0,
```
```
    hide: 200
```
```
  },
```
```
  window: {
```
```
    show: 300,
```
```
    hide: 300
```
```
  }
```
```
},
```

maxWidth: 500, // Sets a maximum width for the content.

maxHeight: 500, // Sets a maximum height for the content.

hideOnClickOutside: !0, // hideOnClickOutsideHide Strip when clicking outside of it or an element that could open it, enabled by default.

keyboard: { // keyboardEnable or disable individual keyboard buttons or all of them when set to false.

```
  left: !0,
```
```
  right: !0,
```
```
  esc: !0
```
```
},
```

loop: !0, // When set to true a group becomes a loop, making it possible to move between the first and last item

overlap: !0, // overlapAllows buttons to overlap the content when set to true, which is the default. Disabling overlap will cause buttons to be positioned outside of the content.

preload: [1, 2], // Sets the items to preload before and after the current item, or disables preloading when set to false.

position: !0, // Show or hide the position indicator.

side: "right", // sideSet the side to position Strip on to top, bottom, left or right.

vimeo: { // vimeoSets the player parameters of a Vimeo video, available options can be found in the Vimeo

```
  autoplay: 1,
```
```
  api: 1,
```
```
  title: 1,
```
```
  byline: 1,
```
```
  portrait: 0,
```
```
  loop: 0
```
```
},
```

youtube: { // Sets the player parameters of a Youtube video, available options can be found in the Youtube

```
  autoplay: 1,
```
```
  controls: 1,
```
```
  enablejsapi: 1,
```
```
  hd: 1,
```
```
  iv_load_policy: 3,
```
```
  loop: 0,
```
```
  modestbranding: 1,
```
```
  rel: 0,
```
```
  vq: "hd1080"
```
```
},
```

skin: 'strip', // Sets the skin. If you've provided default options for this skin they'll be applied as a starting point for other options.

afterPosition: // A function to call after the position changed. The first argument is the current position within the group.

afterHide: // A function to call after Strip is fully hidden.

onShow: // A function to call when Strip comes into view.

Github 网址：https://github.com/staaky/strip

lightbox 侧边栏式图片画廊 jQuery 插件

已有 451 人购买

永久更新：
演示数据：
提取码：fpgh

立即购买

查看演示升级 VIP 立刻购买

演示地址

下载地址

炫酷企业建站作品展示WordPress中文模板

Supro - 极简电商网站模板WordPress汉化主题

Photon - 全屏摄影相册产品展示网站WordPress汉化主题

图片/图形

lightbox 侧边栏式图片画廊jQuery插件

lightbox 侧边栏式图片画廊 jQuery 插件

相关文章

现代简易404错误页面HTML5模板

炫酷文章缩略图卡片UI界面设计

15 款实用多元的网站后台登录界面模板

发表回复取消回复

热销模板

图片/图形

lightbox 侧边栏式图片画廊 jQuery 插件

相关文章

发表回复 取消回复

热销模板

发表回复取消回复