ファンシーボックスの画像をフルサイズで表示するには、ボタンヘルパーを呼び出すしかありませんが、残りのボタン(再生、次、前など) 。私はフル/オートサイズを切り替えるFancyboxコンテナの隅に単一のボタンを追加したいと思います。追加の要求を避けるために、通常のjsおよびcssファイルに変更を追加することをお勧めします。何か案は?ファンシーボックスv2でフルサイズにボタンを追加
1
A
答えて
0
JavaScriptを変更する時間を無駄にしないで、このCSSのトリックでクローズとフルサイズのボタンのみを表示できます。一例として
#fancybox-buttons a.btnPrev, #fancybox-buttons a.btnNext, #fancybox-buttons a.btnPlay {
display:none;
}
#fancybox-buttons ul {
width:80px;
}
1
つ以上の変異体(fancybox 2.1.5):
$('.fancybox').fancybox({
afterShow: function() {
$('<div class="fancybox-fullsize"></div>').appendTo(this.skin).click(function() {
$.fancybox.toggle();
$(this).toggleClass('fancybox-fullsize fancybox-fullsize-r');
});
}
});
とCSS:
.fancybox-fullsize, .fancybox-fullsize-r {
position: absolute;
width: 36px;
height: 36px;
top: -18px;
left: -18px;
z-index: 99999;
cursor: pointer;
}
.fancybox-fullsize {
background-image: url(img/fancybox_fullsize.png);
}
.fancybox-fullsize-r {
background-image: url(img/fancybox_fullsize-r.png);
}
関連する問題
- 1. UITableViewスワイプに追加ボタンを追加
- 2. Magento API V2 - API応答に追加の属性を追加する
- 3. iPhone - UITableViewで編集ボタンを選択したときに「追加」ボタンを追加
- 4. Xcodeボタンにラベルを追加するボタン
- 5. UINavigationControllerにタイトル+ボタンを追加
- 6. ナビゲーションバーに「+」ボタンを追加
- 7. uitextfieldにボタンを追加
- 8. グリッドビューにボタンを追加
- 9. ボタンをテーブルフッターに追加
- 10. ボタンに画像を追加
- 11. jQueryボタンにアイコンを追加
- 12. ブートストラップツリービューノードにボタンを追加
- 13. グリッドにボタンを追加
- 14. API v2を使用してGoogleマップにカスタムマーカーを追加する
- 15. Androidプログラムでボタンを動的に追加
- 16. ボタンをプログラムでフラグメントに追加する
- 17. カスタムビットマップアイコンで2kマーカーを追加する方法android v2 maps
- 18. Googleマップで複数のマーカーを追加するApi v2
- 19. Googleマップにクラスターを追加するv2 api
- 20. ViewBag Onclickボタンで追加MVC
- 21. 動的にスクロールビューにボタンを追加して追加する
- 22. キャンバスとTextBlocksをcボタンで巨大なボタンに追加する
- 23. jqgridのアクションボタンの前に追加ボタンを追加する方法
- 24. Firefoxにボタンを追加するには?
- 25. UIPageViewControllerにボタンを追加するには
- 26. Android:動的にボタンにOnClickListenersを追加
- 27. Android:CanvasWatchFaceにボタンを追加するには?
- 28. ボタンにボーダーを追加するには?
- 29. 閉じるボタンを追加
- 30. 複数のボタンを追加
、CSSで良いアイデアを他の人を隠します!ありがとう。 –