問題タブ [lightbox2]

私は Lightbox 2 を使用しています。これは、ほぼすべての要件を満たし、最近更新された目立たない高品質の「Lightbox」jQuery プラグインのようです。私が抱えている唯一の問題は、2 つの画像 (クローズと読み込み) が .js ファイルにハードコードされており、スクリプトに引数を渡してこれをオーバーライドする例がないことです。ソースコードであるドキュメントを使用するには、JS が十分ではありません。

十分なコードが含まれていない場合は、ファイル全体を GitHubで見ることができます。インクルードされたセクションでは、this.fileLoadingImageそれthis.fileCloseImageを実行する HTML ファイルへの相対パスが与えられます。たとえば、http://mywebsite.com/. ただし、CSS、JS、画像などはすべて から提供されhttp://static[number].mywebsitestatic.com/ます。利用可能な静的 URL の 1 つを .js ファイルにハードコーディングするのではなく、これをより再利用可能なソリューションにして、利用可能なサブドメインまたは親ドメインが変更された場合にこれを更新する必要がないようにしたいと考えています。ファイルも。

このサイトは Django アプリなので、テンプレート コードを使用{{ STATIC_URL }}して、特定のページの適切な静的ファイル URL を書き出し、それを .js ファイルに渡すだけです。しかし、どのように？たとえば、次のことができるようにしたいと考えています (グローバル変数を避けながら):

私はライトボックス ギャラリーを使用しており、それを自分の Web サイトに統合することができました。ファイルをご覧ください: https://gist.github.com/2517910 ファイルからわかるように、2 つのギャラリーを追加しました。各ギャラリーには 5 つの写真があります。現在の動作は次のとおりです。特定の画像をクリックして表示されると、10 個の画像すべてをナビゲートできます。私が望むのは、この動作を変更することです。それは、ギャラリーが表示されている最初のギャラリー 5 枚の写真フォーム内の写真をクリックしたときです。2 番目のギャラリーの写真をクリックすると、そのギャラリーの 5 枚の写真が表示されます。そして、他のギャラリーの他の写真を見ることなく、各ギャラリー内の写真をナビゲートできること。

私は lightbox2 ギャラリー システムを、画像情報を含む RSS フィードを取り込む Slick Flickr の機能と統合しようとしています。これまでのところ、ライトボックスをセットアップして正しく表示していますが、ギャラリーの他の画像を循環するための次または前のボタンを表示できません。

これが現在のhtmlです。残りはデフォルトのlightbox2ファイルのものです。

RailsアプリケーションでQRコード画像をポップアップできるスクリプトを見つけることができるかどうかを確認するために、多くのWeb検索を実行しました。Lightbox 2に出くわしました。スクリプトをインストールし、CSSコードをスタイルシートにコピーしました。

次のコードを使ってみました。画像が配置されているパスを含めようとしました。QRコードをクリックするとページは正常に表示されますが、画像は表示されません。

上記のコードを使用してこの画像のパスを定義できるかどうかを知りたいですか、それともこれを行うために何らかのレールステートメントを使用する必要がありますか？

私は数時間検索を行っていて、StackOverflowを含むいくつかの提案を見つけました。ただし、Railsアプリケーションで使用されたと述べている例は見たことがありません。

どんな助けでもいただければ幸いです。

このライブラリを使用したい: http://lokeshdhakar.com/projects/lightbox2/

各画像にアタッチできないためrel="lightbox"、jQuery を使用してライトボックスをトリガーしたいと考えています。

私は次のようなことを考えていました：

1 つの画像に対してライトボックスをトリガーするにはどうすればよいですか?

私は自分のウェブサイトでオーガニック グループ (og) を使用しており、グループ コンテンツの作成リンクが表示されるグループの詳細のブロックがあります。これらのリンクをライトボックスで開きたいと思います。またはポップアップでこれを行うにはどうすればよいですか。

http://lokeshdhakar.com/projects/lightbox2/を使用しています。モーダルボックスを閉じる「X」ボタンが隅にあります。ウィンドウに別の閉じるリンク (テキスト リンク) を追加したい。

closeLightboxWindow() を実装するにはどうすればよいですか? :)

私は現在 Lightbox 2 (http://lokeshdhakar.com/projects/lightbox2/) を使用していますが、これはすべて正常に動作していますが、微調整が必​​要です。

サムネイルをクリックしたときにすべての画像を縦に表示したい。したがって、3 つの画像がすべて同じ rel="lightbox[whatever]" を使用している場合、それらすべてを出力したいと考えています。「次へ」ボタンと「前へ」ボタンを備えた「5 枚中 1 枚の画像」は必要ありません。

私はすべてを検索し、解決策を見つけることができませんでした。アイデア、スニペット、または外部 URL をお持ちの方がいらっしゃいましたら、よろしくお願いいたします。

コード例:

ContentFlow（http://www.jacksasylum.eu/ContentFlow）とLightbox2（http://lokeshdhakar.com/projects/lightbox2/）を統合する方法を知っている人はいますか？

画像をライトボックスで開くだけでなく、開いたときにユーザーが次の画像や前の画像を開くことができるようにする機能が必要です。

現在、私はライトボックスアドオンでContentFlowを使用しています（これはContentFlow Webサイトで見つけることができます）が、元のライトボックスのみを使用しているため、ギャラリーを作成できません（または少なくとも方法がわかりません）に）。

ContentFlowはかなり気まぐれな製品のようで、多くのものを受け入れません。

助けてくれてありがとう、コメントしてください！

元のライトボックスに画像ギャラリー機能を追加しようとしています - http://lokeshdhakar.com/projects/lightbox/。私は ContentFlow のアドオンでそれを利用しており、ユーザーが画像を選択した後に前後の画像をナビゲートできるようにしたいと考えています。

助けてください！