問題タブ [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 に答える
12923 参照

ajax - jquerymobileページ内に写真スワイプを統合する方法は?

jquerymobile アプリケーション内に写真スワイプを実装しようとしています。jquerymobile と Django を使用してアプリケーションを開発していますが、ページの 1 つにギャラリーをセットアップしたいと考えています。基本的には 3 つのページがあり、ページ 1 はカテゴリ インデックスであり、次に各カテゴリのサブカテゴリ インデックスを取得し、最後に詳細アイテム ページに移動します。

itemPage に、写真スワイプ ライブラリを処理するコードを配置しましたが、ページのコンテンツが ajax 経由で読み込まれるため、期待どおりに動作しません (写真スワイプ スクリプトを読み込むには、完全に更新する必要があります)。サブカテゴリ レベルのリンクを rel="external" で呼び出して問題を解決できますが、これにより Itempage が完全に更新されるため、ページ間のスムーズな移行を維持したいと考えています。そのため、ページを読み込む前に写真スワイプのコードをセットアップする方法を知る必要があります。

以下のコードはitemPageレベルのものです(写真スワイプデモのコードを中に入れました)

ギャラリーを処理するスクリプトを内部<div data-role="page" id="Home"> に配置しました。コードをヘッドに配置すると、ajax 呼び出しに対して実行されることはありません。ただし、上記のコードを実行すると、ページに最後のレベルが表示されません(アイテムページは表示されません)<div data-role="page" id="Home">

しかし、どのように写真スワイプスクリプトを呼び出すことができますか、アラート関数のコードを次のように置き換えた場合

それは動作しませんか?ページがロードされない

ありがとう

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

javascript - PhotoSwipeを携帯サイトに実装しようとしているが、

モバイル デバイスと互換性のあるフォト ギャラリー jquery プラグインである PhotoSwipe (http://www.photoswipe.com/) をセットアップしようとしています。しかし、プラグインの実装に問題があります。追加するはずだった各行を確認しましたが、プラグインはまったく機能していません。画像は明らかに正常にリンクされていますが、プラグインは本来の方法で機能しません。何かが足りないと思いますが、何がわかりません。

私はjQueryに比較的慣れていないので、正直なところ、何かがどのように機能するのかわかりません.プラグインする方法しか知りません.

ファイル パスを確認したところ、すべてが適切な場所を指しているようです。

これが私のコードです。

「頭」タグで

「body」タグで

0 投票する
6 に答える
6877 参照

jquery - フォトワイプがツールバーを非表示にしないようにする

PhotoSwipe3.0.4とjQueryMobile1.1-rc1を使用しています。

PhotoSwipeがツールバーを非表示にしないようにしようとしています。

captionAndToolbarAutoHideDelayパラメーターを0に設定してみましたが、これによりツールバーが非表示になるのを防ぐことができますが、これにより、ツールバーが自動的に非表示になるのを防ぐことができます。

また、captionAndToolbarHideをfalseに設定しました。これにより、非表示が防止されることを期待していますが、これは役に立ちませんでした。

一部の携帯電話ではツールバーを再び表示するのが少し難しいため、ユーザーが画像をタップしてスワイプしたときにツールバーが非表示にならないようにしたいと思います。

誰かがこれで運が良かったですか?

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

android - photoswipeはAndroid 2.3.xでselectboxを殺します

フォトスワイプ インスタンスがページに表示されると、同じページの選択ボックスは android 2.3.x (エミュレーターでテストされた 2.3.3、Galaxy S2 でテストされた 2.3.5) では機能しなくなりました。

ときthumbstrip_z.show(0); 選択ボックスが再び機能する下のスクリプトでコメントされています。

これを修正できますか、それとも何か間違っていますか?

よろしく、カート

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

iphone - モバイル サイト ギャラリー。ピンチを使用してフルスクリーンを終了します

モバイル サイトの機能をリクエストしたクライアントがいます。ピンチして全画面画像モードを終了します。私が理解しているように、この方法で iPad の画像ビューアーを終了できます。

これは可能ですか?現在、フォトスワイプを使用してモバイル デバイスでギャラリーを表示しています。

サイトは: gothage.com

お時間をいただきありがとうございました!

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

jquery - Wordpress で PhotoSwipe をどのように使用しますか?

Wordpress で Photoswipe を使用しようとしています (プラグインではありません)。私は過去12時間それに取り組んできましたが、それを機能させることができませんでした. 詳細に入ることができますが、現時点では、根本的な解決策が必要だと思います. 私の質問をもう一度言いますと、Wordpress で Photoswipe をどのように使用しますか?

誰かがこれを行った経験がある場合、またはチュートリアルを知っている場合は、お知らせください。

ありがとう

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

javascript - 最初にxmlから写真のリンクを読み取り、Photoswipeを使用して開きます

私がしたいのは、写真のリンクを配列に保存し、それを photoswiper に渡して、写真を photoswiper で表示できるようにすることです。

残念ながら、jquery xml 解析ではグローバル変数を変更できません。parseXml(xml) 関数内のグローバル変数の値を変更できます。次に、リンクを関数 (window、PhotoSwipe) に渡すことができます。

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

jquery - jQuery Mobile + Photoswipe、ajaxでギャラリーを読み込んでいますか?

jquery mobile を使用して Web サイトを作成していますが、ほとんどすべてがうまく機能します。しかし、少し問題があり、Photoswipe ( http://www.photoswipe.com/ ) と関係があります。

これが起こることです:

カテゴリに分けられたいくつかのケースページがあります。ケースサイトに入ると、ギャラリーをクリックすると、画像が表示され、うまく機能します。ただし、この事例ページから別の事例ページに直接移動して、そのギャラリーを開こうとすると、. 何も起こりません。しかし、別のケースページに直接移動せず、ページ間 (ギャラリーがない) に移動してから新しいケースに移動するとします。ギャラリーが開きます。私はjqueryモバイル標準のajax処理を使用しているため、すべてのページにajaxがロードされ、<head>.

ギャラリーの画像は PHP と MySQL で読み込まれますが、の id<ul>は常に同じです。#ギャラリー。

同じIDのギャラリーがあるページ間を直接移動するとき、これと関係があるのでしょうか。それは何かを台無しにしますか?これは私のコードです:

Javascript:

HTML

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

php - 画像をJavaScript関数に動的にロードする

Javascriptフォトビューアプラグイン(ここ-> http://www.photoswipe.com/)を使用しています。ユーザーが画像をスワイプしたときに、プラグが接続されている写真を動的に更新したい。

画像要素を解析するphpスクリプトへのajax呼び出しの結果に基づいて、そのプロパティを更新する役割を担うJavascriptオブジェクト(Jooseフレームワークを使用)があります。

これが私のコードです:

domInjector.outputは次のようになります->{url:'"+ this.masterObject.elementArray [1] .imageLink +"'、caption:'Image 001'}

ここで、this.masterObject.elementArray[1].imageLinkは画像のURLです。

しかし...ajax関数がdomInjector.outputを完了するのに有限の時間がかかるため、出力は数秒間空であり、画像スワイププラグインには要素がありません!

私のコードの残りの部分は問題なく、すべて正常に機能しています。ajax関数が完了したら、更新されたdomInjector.outputをどのように挿入できるかわかりません。

申し訳ありませんが、これを説明するのは非常に困難です。どんな助けでも素晴らしいでしょう。

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

javascript - PhoneGap-画像を削除するPhotoSwipe

PhotoSwipeはこれまでのところ素晴らしかったですが、私が回避できないように見えるこれらの小さな問題だけです

PhotoSwipeを次のように初期化します

ギャラリー内では、ユーザーは画像を削除するかどうかを選択できます。

削除ボタンが押されると、これが実行されます

現在、これは2つの場合を除いて、ほとんど正常に機能します。

  1. 写真が3枚未満の場合は、スライドイベントが中断されます(スライド右側)-画像が黒い画面にスライドします。削除して画像が1つしか残っていない場合、画像を正しく表示することすらできず、黒い画面に跳ね返るだけです。
  2. ギャラリーに画像を再度追加すると、削除された古い画像が再び表示されます

を使用して再開されます

必要に応じて、何が起こっているのかを記録してみてください。これを解決する方法がわかりません。https://github.com/codecomputerlove/PhotoSwipe/issuesとgoogleを調べましたが、役に立ちませんでした。

私が本当にやりたいのは、ギャラリーから画像を削除することだけです(排他モードでのみ表示されます)