FancyBox

FancyBoxはウェブページ上の画像、HTMLコンテンツ、マルチメディアにズーム機能を加えてくれるツールです。

RSS

解決済

回答

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

スクロールした位置に合わせてモーダルウィンドウとオーバーレイの表示位置を常に中央にしたいです。 pcだと常に中央に表示されるのですが、スマホで見ると画面上部に固定されてしまいます。 positionをfixedにしたり、 transform: translateY(-50%) translateX(-50%); -webkit- transf
- 0評価
- 198PV
- CSS
  
  5138questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- jQuery
  
  6141questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- FancyBox
  
  5questions
  
  FancyBoxはウェブページ上の画像、HTMLコンテンツ、マルチメディアにズーム機能を加えてくれるツールです。
mimimi_chan 2ヶ月前にベストアンサー
解決済

回答

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

実現したいこと複数のサムネイルをリロードするたびランダムに被らず表示させ、かつモーダルウィンドウを表示させたい。現在fancy box1.3.4を使い、画像をグループ化させることはできました。そこにサムネイルをランダムに表示させる機能を追加させることは可能でしょうか。また、その際どこに何を打てばいいのでしょうか。試したこと複数表示させ
- 0評価
- 135PV
- JavaScript
  
  14758questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- FancyBox
  
  5questions
  
  FancyBoxはウェブページ上の画像、HTMLコンテンツ、マルチメディアにズーム機能を加えてくれるツールです。
mimimi_chan 3ヶ月前にコメント
受付中

回答

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

前提・実現したいこと fancybox3を使って画像をグループ化し、ポップアップした画像を右開きするようにカスタマイズしています。（漫画や国語の本と同じ開き方。左をクリックする、←を押す、左から右にスワイプすると次の画像やページに移動）画面表示、クリック、キーボード、スワイプ全ての動作で右開きにしていますが、スワイプ動作の時のみ、左から右にスワイプ
- 0評価
- 146PV
- JavaScript
  
  14758questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- HTML
  
  8037questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  5138questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- FancyBox
  
  5questions
  
  FancyBoxはウェブページ上の画像、HTMLコンテンツ、マルチメディアにズーム機能を加えてくれるツールです。
teratailが3ヶ月前にアップデート
解決済

回答

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

以下のコードで、fancyboxが展開しません。 consoleでエラーを見てもfancyboxはちゃんと読み込まれています。何が原因か分かりますでしょうか？コード <ul class="banner"> <div class="buttons clear"> <a href="modal/xxx.html" class
- 0評価
- 874PV
- JavaScript
  
  14758questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- FancyBox
  
  5questions
  
  FancyBoxはウェブページ上の画像、HTMLコンテンツ、マルチメディアにズーム機能を加えてくれるツールです。
mts10806 1年以上前にコメント
解決済

回答

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

前提・実現したいこと ajaxで動的に生成した要素に対して、fancyboxを割り当てています。本来できないらしいのですが、live関数を使うとできるとのことで、一度liveで設定してから、それ自体にfancyboxを起動させています。参考： https://2inc.org/blog/2012/03/02/1270/ jQuery('.
- 0評価
- 425PV
- JavaScript
  
  14758questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- jQuery
  
  6141questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- FancyBox
  
  5questions
  
  FancyBoxはウェブページ上の画像、HTMLコンテンツ、マルチメディアにズーム機能を加えてくれるツールです。
aruri 1年以上前にベストアンサー