0

写真を表示するためにHighslideを使用しています。シンプルなギャラリーを紹介したいのですが、誰かが写真「dolno.jpg」をクリックすると、3枚の写真がギャラリーに表示されます。今はたった1つ（1.jpg）です。私は3枚の写真を持っています：1.jpg、2.jpg、3.jpgどうすればこれを行うことができますか？これは私のコードです：

<script type="text/javascript" src="/highslide/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
<script type="text/javascript">
    // override Highslide settings here
    // instead of editing the highslide.js file
    hs.graphicsDir = '/highslide/graphics/';
</script>

<td>
<a class="highslide" href="1.jpg" onclick="return hs.expand(this, { captionText: '<b>THIS</b>' } )">
<img src="/logafirm/dolno.jpg" id="imgg" title="Click to enlarge" height="80" weight="80"></a>
 <font color="#52180"><b>THIS</font></b></A>
</td>
4

2 に答える 2

0

Highslide には、必要なことを行うためのメカニズムが組み込まれています。他の 2 つのサムネイルを非表示にするために CSS や Javascript をいじる必要はありません。

http://www.highslide.com/examples/mini-gallery.html

于 2013-01-29T14:22:48.877 に答える
0

表示する他のすべての画像のアンカー要素を複製するだけです。

このような

<a class="highslide" href="1.jpg" onclick="return hs.expand(this, { captionText:    '<b>THIS</b>' } )">
  <img src="/logafirm/dolno.jpg" id="imgg" title="Click to enlarge" height="80" weight="80">
</a>
<a class="highslide" href="2.jpg" onclick="return hs.expand(this, { captionText: '<b>THE OTHER IMAGE</b>' } )">
  <img src="/logafirm/THE_OTHER_IMAGE.jpg" id="imgg" title="Click to enlarge" height="80" weight="80">
</a>

また、スライドショーの設定を指定する必要があります..

ドキュメントによると：

<script type="text/javascript">
hs.addSlideshow({
// slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: true,
overlayOptions: {
    opacity: .6,
    position: 'top center',
    hideOnMouseOut: true
}
});

// Optional: a crossfade transition looks good with the slideshow
hs.transitions = ['expand', 'crossfade'];
</script>

そして最後に..最初のサムネイルのみを表示したい場合は、単に他のサムネイルを非表示にします..CSSを使用するか、JavaScriptを使用する方が良いでしょう（jsを使用しないユーザーには画像が表示されます）

于 2012-07-24T06:15:53.120 に答える