Question

我正在尝试将Highslide与我的Wordpress网站集成而不插件。我已将hs.graphicsDir变量更改为：

graphicsDir : 'http://hyohanpark.com/wp-content/themes/Noir/highslide/graphics/'

我的代码中的代码也是：

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/highslide/highslide-ie6.css" />
<![endif]-->

以下是我使用highslide显示要打开的图像时的代码：

<div class="highslide-gallery">
<ul>
<li>
<a href="http://hyohanpark.com/wp-content/uploads/2013/03/IMG_0042.png" class="highslide" 
        onclick="return hs.expand(this, config1 )">
    <img src="http://hyohanpark.com/wp-content/uploads/2013/03/IMG_0042.png" width="230" height="154" alt=""/>
</a>
</li>
</ul>
<div style="clear:both"></div></div>

一切似乎都在起作用;但是，一旦您点击图片而不是展开图片，它就会打开图片的网址，就像它是图片的常规链接一样。

感谢任何有助于让图片正确展开的帮助。

谢谢！

Answer 1

我怀疑您的图片的onclick与 highslide.config.js 文件的内容之间存在不一致。

当您在config1中使用onclick时，您还需要 highslide.config.js 文件中的相应配置对象：

var config1 = {
    //configurations for the images
};

配置对象可以为空，但通常包含图库的设置。

Highslide不会在Wordpress上扩展图像

1 个答案: