問題タブ [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.
javascript - フォトワイプに画像を動的に追加する
作成後にフォトワイプギャラリーに画像を動的に追加する方法はありますか?
状況はこれです。
サーバーから画像のURLを取得し、ギャラリーに表示しています。アイテムがダウンロードされると、アンカー要素とimg要素がページに追加されます。同時に、それぞれをフォトワイプギャラリーに追加できるようにしたいと思います。
現在要素コールバックにあります(画像が読み込まれ、要素が追加された後)
これは、独自のギャラリーに各要素を作成することを除いて機能します。既存のギャラリーへのハンドルを取得して、それに追加する方法はありますか?
javascript - iOS でのフォトスワイプ ギャラリーのクローズ イベント
jQueryMobileを使用して最近のモバイル アプリケーションの 1 つにすばらしい写真スワイプ ライブラリを実装しましたが、それを iOS 5 と併用して小さな問題に遭遇しました (他の可能性もありますが、私は iOS 5 デバイスしか持っていません)。
以下は、実装されたjavascriptです
上記の例は、実装ガイドに記載されているのとほぼ同じですが、1 つの違いがあります。pageshow イベントが発生し、インスタンスがアタッチされている場合、「photoSwipeInstance.show(0);」を呼び出しています。ギャラリーをすぐに表示するようにします。
ツールバーからギャラリーを閉じると、呼び出し元のページではなく静的ページに戻ることを除いて、これはすべて正常に機能します。
私が最初に考えたのは、イベント「onHide」に対するメソッドを実装し、「history.back();」を実行することでした。声明:
これは Android では魔法のように機能しましたが、iOS では何も起こらなかったため、iOS デバイスの二重の歴史について考えてみました。
しかし、それでもうまくいきません.iOSはただそこに座って私を笑っています. 実際のhtmlページに戻るのではなく、写真スワイプインスタンスを添付したページにリダイレクトする最良の方法を知っている人はいますか? 最終的な JS マークアップの例を次に示します。
html - 写真のスワイプを使用してボタンをJQueryMobileのワードラップ
Jquerymobile用のphotoswipeプラグインを使用した画像を含む一連のボタンがあります。これで、これらのボタン(の内側にあります)のそれぞれにテキストがありますが.gallery li a
、画像が小さすぎるか、ブラウザーの幅が狭すぎると、ボタンが小さくなるにつれてテキストが表示部分の外に出てしまいます。テキストが折り返され、ボタンがテキストをカプセル化するようにしたいと思います。私はこれを使ってやってみましwhite-space:normal
たword-wrap:break-word
が、役に立ちませんでした。ロードする前にテキストを画像に追加する以外に、これを行う方法はありますか?
jquery - フォトスワイプの背景色を変更する
http://www.photoswipe.com/latest/examples/04-jquery-mobile.html この例を使用しています。私は何年も前から持っていますが、背景色がどこにあるのかわかりません。どんな助けでも素晴らしいでしょう。ありがとう
jquery-plugins - jquery-mobile インターフェイスを使用してフォトスワイプでイベント ハンドラーを使用するにはどうすればよいですか
ギャラリーに関連付けた任意のデータに応じて、いくつかの画像操作を試みています。
ただし、PhotoSwipe が定義されていないため、ondisplayimage イベントは発生しません。
例https://github.com/codecomputerlove/PhotoSwipe/blob/master/src/examples/07-custom-toolbar.htmlは、必要な jquery 実装を使用していません。基本的に、jquery mobile を使用してイベント ハンドラーにフックするにはどうすればよいでしょうか。
javascript - 特定の JavaScript で失敗している機能を診断する方法は?
(私にとって)複雑な Javascript であるPhotoswipeを活用したいと思います。作者は IE 7 をサポートしていないことを明確にしています。デモ サイトは IE 7 である程度機能しますが、私のチームが構築したインスタンスは機能しません。
スクリプトを変更しようとするのではなく、Yep/Nopeのようなものを使用して、どの Javascript 機能が失敗しているかを検出し、古いブラウザーでうまく機能することがわかっている、より単純な代替ギャラリーを提供したいと思います。ユーザーエージェントのスニッフィングを回避しようとしています。
個人的に詳細がわからないスクリプトで、機能を検出する対象を整理するためのツールまたは方法はありますか?
jquery - Photoswipe.js ツールバーが非表示
(まず第一に、私たちはサイトをこのように見せたくありませんでした。それはクライアントの選択でした)
以下のサムネイルに Photoswipe.js(http://www.photoswipe.com/) を使用していますが、ツールバーが表示されません。 http://dev.realtyvictoria.com/listings/listing-details/307911
Photoswipe.js が読み込まれ、photoswipe.css が読み込まれ、klass.min.js が読み込まれ、Chrome の [開発者ツール] > [リソース] の下に画像が表示されます。
photoswipe.css で ../images と /images を使用してみました
私はすでに "captionAndToolbarAutoHideDelay: 0, captionAndToolbarHide: false" を使用しています...
しかし、まだツールバーはありません。何か助けはありますか?
ありがとう
ios5 - iOS 5 で写真アプリのようなカスタム写真ブラウザーを作成する
iOS 5 で写真アプリのようなカスタム写真ブラウザーを作成したいと考えています。必要な機能は次のとおりです。1) ユーザーは左または右にスワイプして、前または次の写真に移動できます。ユーザーはフルサイズの写真を見ることができます)
写真の高さのサイズ変更はオプションではありません。
スクロールビューを使用できますが、ユーザーが垂直にスクロールして左右にスワイプできるようにするにはどうすればよいですか? どうすれば作成できるか教えてもらえますか?iOS 5以降のみ必要です。どんな助けでも大歓迎です。ありがとう
javascript - 写真スワイプjquery
次/前のメソッドを呼び出すにはどうすればよいですか? ボタンをさらに分離する必要があり、ツールバーのすべてのボタンを保持できません。
jquery-mobile - base64 を使用したフォトスワイプ、画像
Phonegap (Cordova-1.9.0) と jQuery Mobile 1.0.1 を使用して iPad アプリケーションを開発しています。アプリケーションに画像ギャラリーを使用する必要があります。アプリケーションで、photoswipe 画像ギャラリーを見つけました。iPad カメラから画像をキャプチャし、 Camera.DestinationType.DATA_URL (Phonegap api ) として保存します。私の画像はbase64、タイプとして保存されます。
画像を Camera.DestinationType.FILE_URI として保存すると、Photoswipe 画像ギャラリーが正常に動作します。
しかし、私の問題は、Camera.DestinationType.DATA_URL を使用して写真スワイプ ギャラリーを使用するにはどうすればよいかということです。
ありがとうございました