問題タブ [photoswipe]

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 投票する
2 に答える
471 参照

jquery - Jqueryリストに画像を追加しても開かない

jquery mobile 内で photoswipe を使用しようとしています。リストに画像を追加すると、正常に機能し、画像は特別な画像ビューアでうまく開きます。

しかし、JQueryで画像を追加すると、リストに追加されましたが、特別な画像ビューアは開きません。誰でも私を助けることができますか?

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

javascript - リストに画像を追加しても、ページクラスは見つかりません

フォトスワイプを使用するリスト画像に画像を追加する際に問題が発生しました。jqueryモバイルページは、素敵なビューアで開くクラスgallery-pageを使用します。写真リストに追加機能を使って写真を追加しようとしています。これは問題なく機能しますが、問題は画像をクリックしても素敵なビューアで開かないことです。これはクラスのギャラリーページと関係があると思います。ある意味で、jqueryによって追加された画像はクラスgallery-pageを見つけることができません。私に何ができる?

ページは次のようになります。

HEADのJavascript:

本文のページ:

jqueryで画像を追加します:

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

javascript - photoswipeはflickrまたは他のフィードから画像を取得しますか?

私はフォトスワイプで作業していて、利用可能な例を見ましたが、そこには動的なものは何もありません。

誰かがFlickrや他のフィードから写真ワイプを取得する画像を取得したり、どこかで例を知っている人はいますか?

URLの例は次のとおりです。

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

jquery - PhotoSwipe Jqueryを使用して特定の画像をクリックすると、新しいページがフル画像で開きます

PhotoSwipe を使用して、sdcard の画像をグリッド ビューで表示することに成功しました。ここで、グリッド ビューから任意の画像をクリックすると、その画像が次のページにフル表示で表示されます。しかし、「href」および「src」タグで直接イメージ名を使用できないように修正イメージがないという問題があります。これは動的です。では、PhotoSwipe を使用してこれを行う方法は緊急です。以前の投稿で、ここをクリックして画像を表示するという解決策を見つけましたが、特定の画像はありません。私の画像は動的にSDカードから取得されました。

前もって感謝します....

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

jquery-mobile - PhotoSwipeフッターにJQueryMobileダイアログ機能を追加する

PhotoSwipeフッターのオプションをクリックするとjQueryMobileダイアログが開くようにしようとしています。

私は次のコードを使用しています:

しかし、[ページ]をクリックしても何も起こりません。Firebugは、JSONを介してページを読み込んでおり、実際にはレンダリングしていないと報告しています。

これを解決する方法について何かアイデアはありますか?

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

javascript - PhotoSwipeギャラリーの画像を置き換える

私のページには、次のようにプログラムで作成されたPhotoSwipeギャラリーがあります。

次に、ギャラリー内の画像を更新するか、同じ場所に新しいギャラリーを配置します。

同じために新しいギャラリーを作成するとDOM Element、次のエラーが省略されます。

を使用して要素からインスタンスを切り離しても、Code.PhotoSwipe.detatch(instance)役に立ちませんでした。

ギャラリーを新しい画像で埋める方法や、同じ場所に新しい画像を作成できるように削除する方法はありますか?

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

javascript - 呼び出し後に画像が解析される

json/ajaxを介して画像をドキュメントにプルしています。引き込まれたら、プラグイン「PhotoSwipe」を使ってスライドショーを作りたいと思います。すべてのコードが私のドキュメントにあり、画像がプルされていることがわかりますが、PhotoSwipeがそれらを呼び出そうとした後だと思います。次のエラーが発生します。

Code.PhotoSwipe.createInstance:渡される画像はありません。

次に、その直後に、私の関数によってログに記録されたすべての画像があります。これが私のコードです。誰かが助けてくれるなら、それは大いにありがたいです!

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

jquery - スライドショー インスタンスの切り離し

これがページ変更時に写真スワイプの「homeSlider」インスタンスを切り離さない理由についてのアイデアはありますか? 私は Photoswipe docs に従っていると思いますが、インスタンスをデタッチしていないようです。私はJqueryモバイルを使用しているため、「pageshow」/「pagehide」です。ページに戻ってスライドショーがフリーズすると、「Code.PhotoSwipe.activateInstance: Unable to active instance as another instance is already active for this target」というエラーがスローされます。

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

javascript - Photoswipeのように、デスクトップ上でマウスを使ってジェスチャーをスワイプしますが、divをアニメーション化します

デスクトップでマウスイベントを実行し、スワイプジェスチャをシミュレートするPhotoswipeのようなスクリプトを探しています。サムネイルなしのフォトスワイプは完璧です-画像だけでなく、div全体をアニメーション化したいだけです!

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

list - スワイプイベント付きリスト

<ul><li></li>...<ul>すべての要素を個別に表示するリストを作成したいのですが<li>、ユーザーは右から左にスワイプして次の要素を表示する必要があります。

Photoswipeはそれを行いますが、代わりにマップ領域を含む画像を表示する必要があり<a href...><img ... /> </a>ます。

すべてのリスト要素が 1 つのページに表示され、次の要素を表示するにはユーザーが要素をスワイプする必要があるリストを作成する方法を知っていますか?