web-dev-qa-db-ja.com

Fancybox2の表示可能なナビゲーション矢印

Fancybox 2.0で、画像ギャラリーのナビゲーション矢印を常に表示したままにすることは可能ですか?ホバー時に表示されるだけではありません。

20
Richard Hartle

Fancybox v2.xの場合、次のCSSインライン宣言を使用できます(jquery.fancybox.cssファイルにリンクした後)。

<style type="text/css">
 .fancybox-next span {
  left: auto;
  right: 20px;
 }
 .fancybox-prev span {
  left: 20px;
 }
</style>

[〜#〜] update [〜#〜](2012年7月12日):Fancybox v2.0.6 +以降は、代わりにこのcss宣言を追加する必要があります

.fancybox-nav span {
 visibility: visible;
}
45
JFK
#fancybox-left-ico {
    left: 10px !important;
}
#fancybox-right-ico {
    left: auto !important;
    right: 10px !important;
}
5
Andrew Saturn