問題タブ [galleria]

誰かが画像をクリックしたときに iframe を動的に表示するためにjQuery シックボックスを使用しています。この iframe では、galleriaの JavaScript ライブラリを使用して複数の画像を表示しています。

問題は$(document).ready、iframe での起動が早すぎるように見え、iframe コンテンツがまだ読み込まれていないため、DOM 要素にガレリア コー​​ドが適切に適用されていないことです。 $(document).readyiframe の親の準備完了状態を使用して、iframe の準備ができているかどうかを判断しているようです。

document ready によって呼び出された関数を別の関数で抽出し、100 ミリ秒のタイムアウト後に呼び出すとします。動作しますが、遅いコンピューターでは本番環境でチャンスを逃すことはできません。

私の質問: 動的 iframe の準備ができており、それが親であるだけでなく、コードを実行できるようにするには、どの jQuery イベントにバインドする必要がありますか?

私はこのライブラリ、Galleriaで遊んでいます。これはかなりきれいです。以下のURLは次のとおりです。

http://devkick.com/lab/galleria/

しかし、キーボード（右、左など）を使用してサムネイル間を移動する方法がわかりません。。誰かがこのライブラリを使用してこれを機能させましたか？

私は非常にクールな jquery ガレリアを使用していますが、サムネイルのリストを中央に配置する方法がわかりません。以下のリンクでわかるように、メインの画像は中央に配置されていますが、サムネイルは常に左揃えになっています。CSS の専門家なら誰でも、私がここで間違っていることを知っています。

ここに例があります。

こんにちは友人私は私の大学のウェブサイトに画像を表示するためにこのガレリアギャラリーリンクを使用しています..しかし、私は1つのことを修正することができません. 画像のサイズが変更されると、画像のサイズに応じて表示Divのサイズが変更されます。画像のサイズが何であれ、Divを固定したいのはリンクテキストです

何が問題なのか彼に教えてくれる人はいますか...

SmoothScrollDiv と Galleria の統合に取り組んでいます.. - サムネイルをスクロールします。

私のコードのデモ: http://test.kinkylemon.nl/sym/galleria/demo3.htm

ブラウザ ウィンドウのサイズを変更すると、SmoothScrollDiv が DOM に正しくバインドされなくなるという問題があります ... またはそのようなものです。- 動作しなくなります。

ページ読み込み時の IE6 の同様のバグ (キャッシュが空の場合)。

質問 A. どうにかして bind() または live() を使用する必要がありますか?

.. および質問 B. ... 次のサイトを見ました: http://maaki.com/thomas/SmoothDivScroll/ - これは問題ですか? - 別のプラグインを使用する必要がありますか? ..たぶんjCarouselで再構築する

「Smooth Div Scroll はスクロール可能な領域を再計算しません。ユーザーがブラウザー ウィンドウのサイズを変更すると、最初に再計算が行われます。ソース コードを見ると、「windowIsResized」という関数があります。これは、ユーザーがブラウザー ウィンドウのサイズを変更したときにトリガーされ、 (特に) スクロール可能な領域の幅を適切に再計算します. コードは、スクローラーを「再初期化」する一般的な関数で書き直す必要があります. この関数は公開 API の一部である必要があります。 AJAX コンテンツの読み込みが完了しました。」

この問題は、「Galleria」と呼ばれる jQuery ギャラリーを中心に展開しています。それは非常に美しいもので、私のクライアントは写真家なので、彼のすべての画像をガレリア ギャラリーに展示しようと考えました。

このサイトのテスト版はこちらで見ることができます: http://jeremywebbphotography.com/testing/index.php - (状況が変化している場合、それは私が現在それに取り組んでいるためです)。

基本的に、問題は次のとおりです。ギャラリー ページのいずれかを参照すると、正常に動作しているように見えます。万歳！それを除いて、それらの任意の乱数を見た後、しばらくすると画像の読み込みと表示が停止します。サムネイルが表示されますが、それらのいずれかをクリックすると、画像が短時間表示された後、突然消えます。私はこのサイトで数え切れないほどの時間を費やしてきましたが、今になって初めてフリッピンの問題を発見しました。

新しいギャラリー ソリューションを統合するのは簡単ではありません。このソリューションは非常に特殊な構造でセットアップされており、そのために何時間もかかったからです。

これまでのところ、問題は Safari でしか発見されていませんが、他のブラウザでも発生する可能性があると考えています。この問題はブラウザを再起動することで解決できますが、クライアントに専門的なサービスを提供する場合、明らかにクライアントやユーザーにとって十分ではありません。問題は、エラーをトリガーする方法がわからないことです-それはランダムに発生するようです.

深刻な助けが必要です。新しいギャラリーでこれをもう一度デザインし直す時間も忍耐もありません。

私はjQueryの提供されたコードを使用しています。また、Galleria はこのコードを jquery.galleria.js で提供しています。

「ガレリア」ギャラリーを設置しました。

ガレリア

ページを読み込んだときに表示される初期画像をどのように設定しますか。を設定しli.activeて実行しようとし$.gallleria.next()ましたが、役に立ちませんでした。

何か案は？

Galleria と SmoothDivScroll プラグインを一緒に実装しましたが、IE7 と IE8 では、画像の向きが縦向きの場合 (つまり、画像が #main_image、画像コンテナーに読み込まれる場合) に、画像がわずかに歪んでしまいます [スケーリングで比率が保持されません]。

Safari と Firefox では、すべて問題ありません。他の誰かがこの問題に遭遇しましたか? これをどのように修正しましたか？

Galleria スクリプト ( http://devkick.com/lab/galleria/ ) とjQueryのアコーディオン ウィジェットを使用して、ギャラリーのサムネイルのさまざまなカテゴリを非表示にするページを作成しています。私の初期化では、両方のスクリプトのマニュアルで提案されているように書きました:

このgalleria()関数はサムネイルを作成し、それらに適切なサイズを割り当てます。次に、accordion()関数はそのスタイルを割り当て、現在非表示の要素を折りたたみます。上記のコードでは、寸法がゼロであるために一部のサムネイル画像が見えなくなるという問題があります。

機能でサムネイルにサイズが割り当てられる前にアラートを配置すると、galleria()アコーディオンの非表示ページ内にある画像の場合、その時点でコンテナーの寸法がゼロであることがわかります。accordion()これらの関数は連続して実行され、終了する前に呼び出されないと思っていたので、これは私にとって非常に奇妙ですgalleria()。

さらに奇妙なことに、アコーディオン関数の前にアラートを配置すると、すべてが正しい順序で処理されます。

ここで競合状態に直面していることは明らかです。なぜそれが起こるのですか? また、初期化シーケンスを正常に行うにはどうすればよいですか?