2016-03-30 27 views
0

現在作業しているウェブサイトにファンシーボックスギャラリーシステムを追加しようとしていますが、矢印は表示されません。画像は私のCSSファイルと同じフォルダにあります(クローズボタンが表示されます)。画像は同じグループにあるので、どちらも問題ではありません。私はそれが矢の位置に問題だと思うが、私はFirebugですべてを変えようとしたが、何も違いはない。あなたはデモhereを見ることができます。位置のためにファンシーボックスの矢印が表示されない

PS:画像周辺の白い枠線も表示されません。これが何らかの形で関係しているのかどうか分かりません。

答えて

0

<a>の要素にrel="group"を使用しましたか?

.fancybox-prev span { 
    left: 10px; 
    background-position: 0 -36px; 
    width: 32px; 
    height: 32px; 
    top: 0; 
    display: block; 
} 
.fancybox-next span { 
     right: 10px; 
     background-position: 0 -36px; 
     width: 32px; 
     height: 32px; 
     top: 0; 
     display: block; 
} 

をそして、あなたが望んでいる場所、それを配置:

そうでない場合、あなたはこのCSSを追加することができます。

はSO程度のグループの画像上のこの記事を参照してください:固定 Fancybox gallery groups

0

。問題を引き起こしたのは、私がこのウェブサイトのどこか他の場所でFancyboxの古いバージョンを使用していて、干渉していたということでした。-

関連する問題