高幻灯片：图库扩展时暂停HTML幻灯片

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>