1

我正在尝试在没有插件的情况下将 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>

一切似乎都在工作；但是，一旦您单击图像，它不会展开，而是打开图像的 URL，就好像它是图像的常规链接一样。

感谢任何帮助使图像正确扩展。

谢谢！

4

1 回答 1

1

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

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

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

配置对象可以为空，但它通常包含画廊的设置。

于 2013-03-11T15:21:59.170 回答