Question

我创建了一个HTML图库，可以在每个窗口中展开图像 http://mmvirtualtours.com/0002/photos.php

当我以幻灯片形式运行图库时，我希望它在包含的图像展开时暂停。我正在尝试以下代码：

hs.Expander.prototype.onAfterExpand = function() {  
if (this.contentType == 'html') {  
    this.slideshow.pause();

因为它会在幻灯片放映中的每次转换后暂停。我需要将contentType更改为或有更好的方法来执行此操作吗？

谢谢！

Answer 1

删除它：

hs.Expander.prototype.onAfterExpand = function() {
    if (this.contentType == 'gallery') {
        this.slideshow.pause();
    }
};

添加：

// Stop slideshow when viewing large image
function stopSlideshowAndExpand(element, config) {
    var exp = hs.getExpander(element);
    if (exp.slideshow) {
        exp.slideshow.pause();
    }
    return hs.expand(element, config);
}

更改highslide-maincontent div中的大图像的onclick：

<a class='highslide' href='media/01.jpg' onclick="return stopSlideshowAndExpand(this, largeGalleryOptions1 )">
    <img src='media/s01.jpg' alt='' / border="0">
</a>

Highslide：当Gallery扩展时暂停HTML幻灯片放映

1 个答案: