ファンシーボックスの画像をフルサイズで表示するには、ボタンヘルパーを呼び出すしかありませんが、残りのボタン(再生、次、前など) 。私はフル/オートサイズを切り替える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. リーフレットのサイドバーv2:ボタンとアイコンの追加
- 2. OAuth facebookログインをIonic v2 + angular v2に追加するには?
- 3. WP API v2経由でポストメタフィールドを追加
- 4. インターセプタをデフォルトのREST API V2に追加
- 5. PowerShell v2プリンタの追加
- 6. フルサイズのテキストとボタン画像
- 7. フルサイズのバナーを追加してブートストラップレスポンスにする
- 8. ファンシーボックスをモーダル内部に追加する方法
- 9. UITableViewスワイプに追加ボタンを追加
- 10. 「追加ボタン」を追加するには?
- 11. javafxボタンに追加のアクションを追加
- 12. データ帰属の初期化されたファンシーボックスに応答して、ファンシーボックスに矢印を追加
- 13. GCPエンドポイントにAPIエンドポイントクラスを追加できません。v2
- 14. Magento API V2 - API応答に追加の属性を追加する
- 15. iPhone - UITableViewで編集ボタンを選択したときに「追加」ボタンを追加
- 16. Django ModelFormでボタンを追加
- 17. Xcodeボタンにラベルを追加するボタン
- 18. グリッドにボタンを追加
- 19. Googleマップにボタンを追加
- 20. UINavigationControllerにタイトル+ボタンを追加
- 21. Unity3dエディタにボタンを追加
- 22. BrowseFragmentにボタンを追加
- 23. ナビゲーションバーに「+」ボタンを追加
- 24. uitextfieldにボタンを追加
- 25. サブグリッドビューにボタンを追加
- 26. ボタンに画像を追加
- 27. マットタブグループにボタンを追加
- 28. jQueryボタンにアイコンを追加
- 29. PyQtGraphレイアウトにボタンを追加
- 30. フラグメント内にボタンを追加
、CSSで良いアイデアを他の人を隠します!ありがとう。 –