FancyBoxに関連する質問一覧

新着
アクティブ
未回答
未解決
注目
解決済

受付中

回答

0
【fancybox3】スマホでの閲覧時に画像領域外をタップで閉じたい

WordPressにfancybox3を設置しています。 fancybox3公式ページスマホで閲覧時に画像外の部分をタップでclose動作を実装したいのですが、公式を見てもそのようなオプションが用意されていませんでした。 PCなら領域外クリックでcloseが実装できているのですが、どなたか方法をご存知でしょうか？現在のoption設定 $(document).ready(function(
- 0評価
- 0クリップ
- 132PV
teratailが 1ヶ月前にアップデート
解決済

回答

1
fancy-box: 一部モーダルがピンチアウトできない

ピンチアウトに対応しているfancy-box3を導入し、have_posts()およびthe_post()で取得した画像+テキストがあるモーダルを表示したところ、殆どのモーダルはピンチアウトにより、画像を拡大できるのですが、一部のデータがピンチアウトができない状態です。なぜこのような違いが出るか、不可解です。なぜ違いが出るのか、改善するのはどうすればいいかお聞きしたいでうｓピンチアウト
- PHP
- FancyBox
- WordPress
- 0評価
- 0クリップ
- 248PV
scottie320 3ヶ月前にベストアンサー
解決済

回答

1
Fancybox展開後、iframeの背景透過

Wordpressで「Easy FancyBox」プラグインを利用してiframeで記事ページの「single01」を読み込んでいます。 <a href="/single01/" class="fancybox-iframe"> <img src="single01.jpg"> </a> iframeが開いたあとのbodyの背景を透過させて、トップページのレイアウト全体が透けて見えるようにした
- PHP
- HTML
- FancyBox
- iframe
- WordPress
- 0評価
- 0クリップ
- 425PV
bitchan 4ヶ月前に回答
受付中

回答

0
fancybox3 順番を変更したい

fancyBox3のgroupで、モーダルを開いたときに表示の順番を変更したいのですが、方法がわかりません。教えていただけますでしょうか。以下の場合、「image_1.jpg」「image_2.jpg」「image_3.jpg」の順番で表示されていますが、モーダルを開いたときは、「image_2.jpg」「image_1.jpg」「image_3.jpg」の様に順番を変更したいのです。
- 0評価
- 0クリップ
- 230PV
teratailが 6ヶ月前にアップデート
受付中

回答

0
スマホ時のポップアップ画像の保存方法

スマートフォン（iPhone/android）でポップアップされた画像を保存できないか考えています。現在は、WordPressのプラグイン【FancyBox for WordPress】を使用しています。 PCでは右クリックで、ポップアップ（拡大画像）されたものを保存できるのですが、これをスマートフォンでも保存可能にしたいです。何か良い方法はありますでしょうか? 宜しくお
- Android
- FancyBox
- ポップアップ
- 保存
- iPhone
- 0評価
- 0クリップ
- 249PV
teratailが 6ヶ月前にアップデート
受付中

回答

0
WordPressでeasy fancyboxを使いたいのですが、プラグインを有効化し設定をしても反映されません。

前提・実現したいこと WordPressでeasy fancyboxを使いたいのですが、プラグインを有効化し設定をしても反映されません。（作成者が別にいるHPでたくさんCSSが使用されています。）画像をクリックして大きく表示＋ ×ボタンで閉じられるようにしたいのですが、 ①何か表示するのに妨げになる可能性があるCSS表記があれば教えてください。 ② easy fancybox のほかに、画
- 0評価
- 0クリップ
- 598PV
teratailが 11ヶ月前にアップデート
解決済

回答

1
WordPressで読み込まれているjQueryのver.が固定で古いものになっておりFancyboxが動作しません。

最近サーバー移行とテーマ変更をしたのですが、移行前から動作しなかったEasyFancyboxやResponsive LightboxのFancyboxが、変更後の現在も動作しません。（なぜかResponsive LightboxのNivo Lightboxのみ正常に動作しております。）検証としてローカルでEasyFancyboxを導入してテストしてみたところ、そちらは正常に動作しました。
- 0評価
- 1クリップ
- 1831PV
yk_yyy 2年前にコメント
受付中

回答

0
fancybox3の質問

前提・実現したいこと fancybox3を使っていいますが、data-captionで使っている文字を大きくしたり太字にする方法を教えてください。発生している問題・エラーメッセージ該当のソースコード </ul> <div class="tab-content"> <div id="home" class="tab-pane fade in active"> <p class="ve
- FancyBox
- 0評価
- 0クリップ
- 854PV
teratailが 2年前にアップデート
解決済

回答

1
モーダルウィンドウ、オーバーレイの表示位置をスクロールに合わせたい-fancybox1.3.4

スクロールした位置に合わせてモーダルウィンドウとオーバーレイの表示位置を常に中央にしたいです。 pcだと常に中央に表示されるのですが、スマホで見ると画面上部に固定されてしまいます。 positionをfixedにしたり、 transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%
- CSS
- jQuery
- FancyBox
- 0評価
- 1クリップ
- 2842PV
mimimi_chan 3年前にベストアンサー
解決済

回答

1
複数のサムネイルをランダムで被らず表示させ、かつモーダルウィンドウを表示させたい。

実現したいこと複数のサムネイルをリロードするたびランダムに被らず表示させ、かつモーダルウィンドウを表示させたい。現在fancy box1.3.4を使い、画像をグループ化させることはできました。そこにサムネイルをランダムに表示させる機能を追加させることは可能でしょうか。また、その際どこに何を打てばいいのでしょうか。試したこと複数表示させるスクリプトを参考にランダム表示にするよ
- JavaScript
- FancyBox
- 0評価
- 0クリップ
- 2211PV
mimimi_chan 3年前にコメント
受付中

回答

0
fancybox3でスワイプ時のアニメーションを逆の動きにしたい

前提・実現したいこと fancybox3を使って画像をグループ化し、ポップアップした画像を右開きするようにカスタマイズしています。（漫画や国語の本と同じ開き方。左をクリックする、←を押す、左から右にスワイプすると次の画像やページに移動）画面表示、クリック、キーボード、スワイプ全ての動作で右開きにしていますが、スワイプ動作の時のみ、左から右にスワイプすると次の画像に遷移しますが、アニメーシ
- JavaScript
- HTML
- CSS
- FancyBox
- 0評価
- 0クリップ
- 1302PV
teratailが 3年前にアップデート
解決済

回答

2
fancyboxでボックスが展開しない

以下のコードで、fancyboxが展開しません。 consoleでエラーを見てもfancyboxはちゃんと読み込まれています。何が原因か分かりますでしょうか？コード <ul class="banner"> <div class="buttons clear"> <a href="modal/xxx.html" class="modal">
- JavaScript
- FancyBox
- 0評価
- 0クリップ
- 4815PV
m.ts10806 4年前にコメント
解決済

回答

1
ajaxで生成した要素に対するfancyboxのオプション設定

前提・実現したいこと ajaxで動的に生成した要素に対して、fancyboxを割り当てています。本来できないらしいのですが、live関数を使うとできるとのことで、一度liveで設定してから、それ自体にfancyboxを起動させています。参考： https://2inc.org/blog/2012/03/02/1270/ jQuery('.fancybox').live('cli
- 0評価
- 0クリップ
- 2057PV
aruri 4年前にベストアンサー