0

私は現在 Highslide を試しており、現在非常に感銘を受けています。

ギャラリーを希望どおりにカスタマイズすることはできましたが、iframe ではうまくいきません。ポップアップが表示され、右上隅に「閉じる」リンクのあるヘッダーと、右下隅にサイズ変更アイコンが表示されます。

でヘッダーとフッターを削除できます

.highslide-header {
display: none;
}
.highslide-footer {
display: none;
}

CSS で、CSS の他の設定をいじることができます。ただし、「閉じる」リンクをフッターに配置する方法が見つかりません。（右下に閉じるようにしたいです。）

どんなガイダンスもありがたく受け取られます。

私の最終的な解決策 EarlyOut の提案に取り組んだ後も、まだ問題がありました。最終的な解決策は、上記のようにヘッダーとフッターを削除してから、キャプションに「閉じる」リンクを配置することでした (これは特別なカスタム オーバーレイです)。サムネイル リンクが

<a href="URL_of_the_target_file" onclick="return hs.htmlExpand(this, { 
        objectType: 'iframe', width: 665, 
        height: null } )"></a>
<div class='highslide-caption closer'>
<a href="#" onclick="return hs.close(this)">CLOSE</a>
</div>

「閉じる」リンクをフォーマットする最も簡単な方法と思われるため、「閉じる」クラスを追加しました。

4

1 に答える 1

0

この例は、正しい方向に導くはずです。「閉じる」ボタンのオーバーレイの配置と追加された CSS に注意してください。

http://www.roadrash.no/hs-support/example-iframes-different-closebuttons.html

于 2013-05-03T11:06:57.680 に答える