問題タブ [galleriffic]

私のページに Galleriffic スライドショーがあります。現在、「大きな」画像はスライドショーの次の画像にリンクしています。代わりに外部ファイルにリンクするにはどうすればよいですか?

ユーザーがプロジェクトのサムネイル画像をクリックすると、Fancybox v2.0.6 を使用して非表示の div を開く Web ショーケース ページを作成中です。Fancybox の各 div には、各プロジェクトの概要と、スクリーンショットの Galleriffic ギャラリーが含まれています。この Google グループ ディスカッションのおかげで、この 1 つのページで複数の Galleriffic ギャラリーを利用できましたが、メインの画像に問題が発生しました。

Galleriffic のデフォルトでは、ユーザーはメインの拡大画像をクリックするか、サムネイルを選択してギャラリーをナビゲートできます。サムネイルは問題なく動作しています。ただし、メインの画像をクリックすると、ギャラリーに次の画像が表示される代わりに、Fancybox div が消えて読み込みスピナーが表示されます。これは Fancybox のものだと思います。次にスピナー div をクリックすると、閉じて元の Web ページに戻ります。

最善の解決策は、メイン画像からリンクを削除し、サムネイルのみを使用してギャラリーを表示することです. 私のさまざまな試みは失敗しました-画像が消えるか、スピナーがロードし続けます。

この段階では、どんなアイデアや提案も大歓迎です! 試してみるコードが必要な場合は、お知らせください。投稿します。

よろしくお願いします！

編集:これは、簡略化されたバージョンへのリンクです。ローカルで表示すると、読み込み中のスピナーがそこにあるだけで、オンラインでは Fancybox に URL エラーが表示されます:「[object HTMLDivElement] was not found on this server」.

私は現在、jquery gallerifficプラグインを使用して、多数の画像（マップ）を表示しています。Jqueryはインデックスを使用してそれぞれを生成しているようです。したがって、現在のインデックスに応じて表示されるさまざまなdiv/imagesをどのように適用するのか疑問に思っています。

たとえば、各スライドには、画像スライダーのように回転する地図の画像（複数の地図）が含まれます。カーソルを合わせると、単純なcssスプライトが表示されるさまざまな位置の小さな画像（Googleマップのマーカーなど）が必要になります。情報」ボックス。

div / imagesをjavascriptのコンテナに適用するために、各スライドを一意に識別する方法がわからないという事実に苦労しています。

Galleriffic：

画像スライドを生成するコードの一部：

ヘルプ/指示は大歓迎です

-ありがとう

Gallerifficで選択した要素に問題があります。画像を選択すると、正しい親指が強調表示されず、前の親指が強調表示されます。

ウェブサイトのすぐに死んでいるリンクを削除するために編集されました。

JS：

CSS

これらのうちの 2 つをインストールしようとしましたが、どちらも機能しませんでした。問題はプラグインではなく私にあると確信していますが、6 本の YouTube ビデオを見て、手順を何度か読み直しました。時間と私はまだそれを動作させることはできません。これは、誰かがすでに明らかにしているように思えますが、私はそれを見つけることができませんでした.

http://www.sitesupandrunning.com/links.htmlでテスト バージョンをアップしました 。私はテスト関数を試してみましたが、うまくいったので、jquery は正しく接続されていると思います。プラグイン作成者が投稿した正確なコードを最初にコピーして貼り付けたので、エラーはないようです。画像に絞り込まれているように見えますが、作成者にはプレースホルダーのファイル名がありましたが、これを切り替えたばかりで、jquery を無効にするとサムネイルが表示され、正しくリンクされているため、画像にラベルが付けられていることがわかります。察するに。

問題は単純だと思いますが、初心者向けのチュートリアルでは、この種のプラグインのインストールに役立つものは何も提供されていないようです。

jqueryホームページのプラグインだけでなく、この種のプラグインの使用に実際に対処するチュートリアルでさえ、どんな助けでも大歓迎です。

独立して正しく動作する2つのプラグインを使用しています。GallerifficとLoupeは2つのプラグインです。私がやろうとしているのは、ガレリフィックの大きな画像にホバー効果を拡大することです。これがルーペの目的です。画像のクラスを取得するには、Gallerifficプラグインに1行のコードを追加するnewSlide.find('a img').addClass('magnifyPic');必要がありました。これは、拡大効果をアクティブにするためにLoupeが使用する必要があります。以下は、プラグインの2つの呼び出しです。

問題は、大きな画像にカーソルを合わせてもまったく何も起こらないことです。独立して2つのプラグインは正しく機能しますが、一緒に動作したくないようです。私がそれを正しく理解していれば、Gallerifficプラグインはそのオプションでコールバック、関数などを受け取ることができるので、私の質問は次のとおりだと思います：Loupe呼び出しをGallerific呼び出しに統合するにはどうすればよいですか？それとも、ガレリフィックギャラリーの大きな画像だけでルーペを機能させる正しい方法ですか？両方のプラグインのコード行を削除、追加、変更しようとしましたが、それらを連携させることができないようです。

私はあなたのためにデモを作成しました、ここにあります。ご覧のとおり、関連するキャプション付きのメイン画像とその他の小さな画像が下にあります。それらの1つをクリックすると、メインの画像/キャプションが変更され、選択したものが表示されます。大きな画像の下にある画像のいずれかにポインタを合わせると、test.php /＃image3やtest.php /＃image6のようなリンクが表示されます。

test.php /＃image3にアクセスした場合（onClickイベントを介さずに直接）、メイン画像として＃image3を使用できるようにする方法を探しています（クリックしなくてもかまいません）。test.php /＃image4 /＃image5なども同様です。

私はjqueryGallerifficプラグインを使用しています。これは、スクリプトによって生成されるコードの一部です。

imgタグの前のこのスペースにより、画像が間違った場所に表示されます。スクリプトがそのようなスペースを生成する理由はわかりませんが、代わりにスペースを削除する必要があると思いました。

次のコードを試しましたが、機能しませんでした。

これもやってみました

しかし、運が悪いので、誰かがそれをどのように削除するのか理解できますか？

ありがとう

ギャラリーのdiv要素（画像またはファイル名）にカーソルを合わせると、div内にexif情報を表示しようとしています。ギャラリーの外で行うのは簡単ですが、ギャラリーのdiv要素を使用して実行しようとすると、コンテンツがjquery.galleriffic.jsを介して動的に提供されるため、何も起こりません。

画像の上にマウスを置くと、ここで効果を確認できます：http: //forums.dpreview.com/forums/post/50833256

データベースに表示するexif情報があるので、画像にカーソルを合わせたときにdivを表示/非表示にする方法を知っておく必要があります。試行錯誤にはしばらく時間がかかるので、専門家の方は、jquery.galleriffic.jsの.bind（ "mouseover"）...ステートメントをどこに配置するかについてアドバイスをいただければ幸いです。

これは同様の質問ですが、問題は解決されませんでした： jQueryインラインでのjQueryギャラリフィックの問題

ここにはちょっと面倒なところがありますが、基本的には画像スワップ機能を Galleriffic に入れようとしています。jquery Galleriffic イメージ ギャラリーをクライアントのニーズに合わせて調整してきましたが、追加する必要があるこの 1 つの機能を除けば、すべて順調に進んでいます。

http://www.susanyounganimation.com/test/drawings/carnival.html

左の大きな画像の下に「ネガティブ/ポジティブ」というテキストがあります。クライアントは、ユーザーが「ネガ」をクリックすると画像のネガ、つまり反転したバージョンを表示し、「ポジ」をクリックすると画像が元に戻るオプションをユーザーに提供することを望んでいます。ギャラリー内のすべての画像をネガティブ バージョン (正確に同じ寸法など) として持っているので、下のネガティブまたはポジティブ テキストをクリックしたときに、現在の画像を別の画像に置き換えるだけです。

これがすべて理にかなっていることを願っています。これを有効にするスクリプトを手伝ってくれる人はいますか? 私は機知に富んでいるので、コメントは大歓迎です。これで終わります。

ではごきげんよう

S