2013-03-11 62 views
1

我正在嘗試將Highslide與我的Wordpress網站集成,無需插件。我已經改變了hs.graphicsDir變量:Highslide不會在Wordpress上展開圖像

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> 

一切似乎都在工作;但是,一旦您點擊圖片而不是展開圖片,它就會打開圖片的網址,而不是像圖片的常規鏈接一樣。

任何有助於讓圖像正常展開的讚賞。

謝謝!

回答

1

我懷疑您的圖片的onclick與您的highslide.config.js文件的內容不一致。

當你使用config1onclick你還需要一個相應的配置對象在highslide.config.js文件:

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

配置對象可以是空的,但它通常會包含畫廊的設置。

+0

謝謝! var config1缺少某種方式,所以我添加了該部分。它仍然不起作用,但我最終轉到了wordpress中圖像的高級設置,並將「highslide」添加到「Link Rel」框中。這使它工作! – user2155861 2013-03-12 02:29:21

相關問題