問題タブ [prettyphoto]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
700 参照

jquery - PrettyPhoto が開いているときに FlexSlider を一時停止する

この議論に続いて:

オーバーレイが開いているときに Flexslider を一時停止する

PrettyPhoto オーバーレイは div.pp_overlay と呼ばれますが、これを考慮してコードを修正すると無視されます。

何か不足していますか?

0 投票する
1 に答える
3839 参照

javascript - Prettyphoto-コールバック関数に一意のパラメータを渡す方法

とにかく、callback関数にパラメーターを渡すためのprettyphotoはありますか?

これが私の現在の設定です

注:コールバックでトピック値を13としてハードコーディングしましたが、これは、クリックされたリンクに基づいて発生するはずです。

ページにはこれらのhrefタグが複数あり、それぞれに固有のtopic_idがあります

では、どうすればその一意のtopic_idをコールバック関数に渡すことができますか

どうもありがとう

0 投票する
3 に答える
2251 参照

jquery - PrettyPhoto - iframe ウィンドウから親ページに一意のパラメーターを渡す

最近、prettyphoto を使用してビデオを表示し始めました。

これが私の現在の設定です

これが起こっていることです

1) ユーザーがリンクをクリックすると、play-video php アクションが呼び出され、データベースからビデオの URL が取得され、ポップアップ ウィンドウで再生できるように渡されます。これはうまくいきます。

2) play-video は、ビデオが再生されるページ (iframe ウィンドウ) に渡される一意の ID も生成します。現在、その値をページに表示しているだけです。その一意の ID を非表示フィールドまたは div 値として保存できます。

3)ユーザーがこのウィンドウを閉じると、メインページにあるプリティフォトのコールバック関数でこの一意のIDにアクセスするにはどうすればよいですか。

どうもありがとう あなたの時間を感謝します

0 投票する
0 に答える
246 参照

prettyphoto - prettyPhoto のデフォルト画像を設定するにはどうすればよいですか?

私はprettyPhoto APIを使用しています。

デフォルトの画像を設定する必要があります。api_images 配列にデフォルトの画像を設定するにはどうすればよいですか?

0 投票する
2 に答える
654 参照

jquery - Quicksand: Chrome で並べ替えると、キャッシュされた画像が消える

問題:

私のプロジェクトページに初めてアクセスして結果をフィルタリングすると、すべて正常に機能します。しかし、何らかの理由で Chrome では、2 回目にすべての画像が消えるたびにフィルタリングします (不透明度が 0 に設定されます)。

ポートフォリオページ

どこでこれを行っているのかわかりません.Chromeでしか発生しないという事実は、それをさらに混乱させます.

jqueryコードJqueryは次のとおりです。

HTML 以下は、私のページで使用している html です。私はそれを何度も見てきましたが、すべてがうまくいっているようです。

更新: クロムで初めて正常に動作する前に、サイトにアクセスしたことがない場合は、それを追加すると役立つかもしれないと思いました。しかし、リフレッシュした後、画像は再び消えます。

0 投票する
0 に答える
6656 参照

javascript - Prettyphoto API とその他のオプション

PrettyPhoto を使用してギャラリーを作成しています。ギャラリーをできるだけ早く開始するための API を実装しました。これがコードで、動作します。

ここで、ソーシャル ボタンなど、いくつかのものをギャラリーから削除する必要があります。 これがドキュメントです。「カスタマイズ」セクションに必要なものがありますオプションsocial_toolsを使用してfalseに設定する必要があります。これを上記のコード内に挿入するにはどうすればよいですか?

よろしくお願いします

編集:解決しました!これらの命令を prettyPhoto 引数として配置する必要があるだけです。次のようなものです。

0 投票する
1 に答える
2251 参照

jquery - prettyPhoto changepictureコールバックデータ

Jquery prettyPhoto で changepicturecallback 関数を使用して現在の画像データ (alt、src) を取得する方法を知っている人はいますか?

これら2つの変数をajaxスクリプトに渡したいのですが、渡す情報を手に入れることができないようです。これを無駄にしようとしました。

実行時にこのデータに簡単にアクセスする方法が必要です。正しい方向への提案や指摘はありますか?

Gallerific を使用していたとき、次の方法でこの情報を取得できました。

EDIT =>ターゲットの検索を絞り込む必要がありました

今は問題なく動作します。

0 投票する
1 に答える
4643 参照

jquery - jqueryprettyPhotoの競合

これを正しい言葉で説明しなかった場合は、事前にお詫び申し上げます。主にC#の知識を使ってその場で学習しています。3セットのjQueryコードprettyPhoto、Nivo Imageスライダー、jQueryUIタブがあります。同じページの画像とビデオの両方にprettyPhotoを使用しています。

Nivo Image SliderとUIタブの両方が正常に機能しますが、私は一生の間、prettyPhotoを機能させることができません。フォーラムなどをトロールして試しましたが、

1)複数のライブラリを使用していたため、jqueryライブラリのみを使用するように切り替えた可能性があります(現在のところ)。

2)jquery.noConflict();も使用しようとしました。運がないいくつかの異なる方法でコーディングします。

現在、これはjqueryの複数のバージョンを使用していることが原因である可能性があると思いますが、正直なところ、それを解決する方法については少し頭がおかしいです。私のコードは以下の通りです、

私のホームページマスターのヘッドタグで、

コンテンツマスターページのheadタグのコード

そして、HTML参照の例、

よろしくお願いします。

0 投票する
4 に答える
1113 参照

javascript - 初期化関数を Orbit スライドショーに渡す方法はありますか?

元の問題は解決しましたが、もっとエレガントな解決策があるかどうか疑問に思っています。Foundation の Orbit を使用してスライドショーを作成しています。これは単純なスライド ショーではなく、各スライドにデータ キャプションが定義されているスライド ショーであり、このデータ キャプション内にモーダル ダイアログをロードする必要がある HTML があります。

Foundation を使用している場合は、Reveal ライブラリを使用してモーダル ダイアログを表示することをすぐに考えます。(これらは要件です。)問題は、データ キャプションの要素が、次の元の初期化呼び出しの影響を受けないことです。

$("a[rel^='prettyPhoto']").prettyPhoto();

私がしなければならないことは、ロードされたときに各データキャプションを確実に初期化することです。さて、ここで問題です。afterSlideChange イベントを使用してスライドのトランジションでこれを解決しましたが、問題は最初のスライドです。表示される最初のスライドに対してこのメ​​ソッドを呼び出す必要があります。

この問題を解決するコードは次のとおりです。

そのコードを複製せずにこれを行うより良い方法はありますか? 自分の「initializeSlide」イベントを定義する必要がありますか、それとも私が見逃している答えがありますか?

0 投票する
1 に答える
795 参照

javascript - ポップアップJSギャラリーの画像が複製される

http://2012.delineamultimedia.com/delinea_new_12.html#home_portfolio_botm_bg

このポートフォリオテンプレートには、HTMLテンプレートのワードプレスプラグインのように見えるものを含むセクションがあります(これは、私が使用しているすべてのhtml、css、およびjsであり、ワードプレスはありません)...プラグインはfancyboxとprettyPhotoを複製しているように見えます「rel」属性に関連付けられているポップアップ画像。「画像番号1」アイコンをクリックすると、prettyPhotoがこのポップアップに関連付けられ、マークアップで1つの画像にのみリンクしているときに、ギャラリーに2つの画像が表示されます。

このスクリプトの行が...http://2012.delineamultimedia.com/js/script.jsで、ページの最初の行の1つであることがわかりました。

このループシームが問題の原因となっています。ポップアップ画像を複製しないようにこのループを変更する方法はありますか?