1

プラグインを使用せずに、Wordpress サイトに Highslide を統合しようとしています。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ファイルの内容に矛盾があると思われます。

で使用config1している場合は、 highslide.config.jsファイルonclickに対応する構成オブジェクトも必要です。

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

構成オブジェクトは空にすることができますが、通常はギャラリーの設定が含まれています。

于 2013-03-11T15:21:59.170 に答える