sookie/blog-web
1
0
Fork 0
Code Issues 12 Pull Requests Projects Releases Wiki Activity

修改PhotoSwipe的参数错误

Browse Source
This commit is contained in:
结发受长生 2019-05-12 00:01:31 +08:00
parent 10ca6c1d4c
commit a02e8a0a1b
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
themes/yilia/source-src/css/grid.scss
View File

@ -38,7 +38,7 @@ html, body, #container {
position:absolute; position:absolute;
right:0; right:0;
min-height:100%; min-height:100%;
background:#f5dfc6; background:#e3d8cc;
left: 300px; left: 300px;
width: auto; width: auto;
@extend %trans; @extend %trans;

16
themes/yilia/source-src/js/viewer.js
View File

@ -7,7 +7,13 @@ import Util from './util'
function init() { function init() {
let pswpElement = document.querySelectorAll('.pswp')[0] let pswpElement = document.querySelectorAll('.pswp')[0]
let $imgArr = document.querySelectorAll(('.article-entry img:not(.reward-img)')) let $imgArr = document.querySelectorAll('.article-entry img:not(.reward-img)')
let getThumbBoundsFn = function(index) {
var thumbnail = document.querySelectorAll('.article-entry img:not(.reward-img)')[index]
var pageYScroll = window.pageYOffset || document.documentElement.scrollTop
var rect = thumbnail.getBoundingClientRect()
return {x:rect.left, y:rect.top + pageYScroll, w:rect.width}
}
Array.prototype.forEach.call($imgArr, ($em, i) => { Array.prototype.forEach.call($imgArr, ($em, i) => {
$em.addEventListener('click', function(){ $em.addEventListener('click', function(){
// slider展开状态 // slider展开状态
@ -20,15 +26,17 @@ function init() {
const image = new Image() const image = new Image()
image.src = src image.src = src
items.push({ items.push({
src: src, msrc: src, // 缩略图的地址(在动画过程中显示的是缩略图, 这里暂且用相同的地址了)
src,
w: image.width || $em2.width, w: image.width || $em2.width,
h: image.height || $em2.height, h: image.height || $em2.height,
title: title title
}) })
}) })
var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, { var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, {
index: parseInt(i), index: parseInt(i),
bgOpacity: 0.8 bgOpacity: 0.8,
getThumbBoundsFn
}) })
gallery.init() gallery.init()
}) })