お世話になっております。
WEB制作にて、サムネイルからの画像の表示としてPhotoswipeを使っております。当方Javascriptは全く詳しくないので、簡易的にJqueryにしたものを設置しました。
(http://free-jquery.com/jquery-photoswipeを参考)
そこで質問なのですが、
photoswipeのアニメーションとして、サムネイルから徐々に大きくなっていく様な動きになります。
サムネイルとモーダル表示の画像が同じ比率だといいのですが、サムネイルとモーダル表示の画像がそれぞれ違う比率の画像を使っていると、クリックして広がっていくときにぎこちない動きになってしまいます。
http://mydesign.mods.jp/works.html
http://mydesign.mods.jp/trip_thailand.html
そこでLightBoxのような、クリックすると背景が暗くなった後に画像がフェードインするようなアニメーション(例 http://lokeshdhakar.com/projects/lightbox2/)
にしたいのですが、Photoswipeを修正してアニメーションを変更することはできるのでしょうか?
ご教授よろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 画像編集・動画編集・音楽編集 エクスプローラー サムネイル表示されない 1 2022/12/22 10:14
- PowerPoint(パワーポイント) パワーポイント アニメーション効果で、テキストと同時に画像を表示させる方法を教えてください 2 2022/09/12 21:06
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- Windows 10 Windows10の画像ファイルのサムネールがアイコン表示になってしまいました。 3 2022/07/09 13:01
- フリーソフト 倍率自動調整して全画面表示できるフリーの画像ビューアー 1 2023/08/24 10:55
- フリーソフト 画像貼り付け、URLに飛べる軽いメモ帳 3 2022/05/12 07:42
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- 画像編集・動画編集・音楽編集 AfterEffectでのシャターの挙動がおかしい 1 2023/05/07 00:38
- Excel(エクセル) エクセルにサムネイル画像組み込み 2 2022/09/02 17:13
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptで毎月替わる画像
-
HTMLで条件分岐はできますか?
-
Gifアニメ、最後のコマに行った...
-
マウスオーバーとポップアップ...
-
textareaに画像を表示したい
-
Javascriptで指定した日付と時...
-
透過pngの透明部分以外をクリッ...
-
画像クリックで別の場所の画像...
-
JavaScript スライドの画像にリ...
-
JavaScriptでスライドショー
-
FancyZoom (javascriptで画像拡...
-
1枚の画像をクリックすると複数...
-
画像をフォルダから自動読み込み。
-
jQueryスライドショー画像への...
-
画面の表示位置を指定させて表...
-
Javascript で共通の処理をどこ...
-
サムネイルをクリックすると画...
-
MAX関数を使ってからLEFT JOIN...
-
Slick.jsのオプションrtlについて
-
jQueryで、リンクURLの一致を確...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascript で共通の処理をどこ...
-
Javascriptで指定した日付と時...
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
1枚の画像をクリックして複数の...
-
画像ランダム表示、しかしダブ...
-
スライダーを実装した場合、ペ...
-
1枚の画像をクリックすると複数...
-
HTMLで条件分岐はできますか?
-
JavaScript スライドの画像にリ...
-
オンマウスで、画像切り替え+...
-
画像の重なりの順序を代える方...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
画像をドラッグ&ドロップで移...
-
各フォルダから1枚ずつ画像をラ...
-
jQueryで特定のURLの時のみ表示
-
bxsliderにて読み込み後に内容...
-
prettyphotoの画像表示について
-
WEBページ立ち上げ時に1回のみ...
おすすめ情報