jQuery lightgallery は、読み込むファイルは多いですが、結構簡単に高機能画像ギャラリーを作成することができます。. ただ、WordpressでLightbox的な機能（本文中の画像を拡大表示する機能）として利用するには向いていません。. というか、やろうと思ったら ajaxを使った表示方法. これはajaxによるPOST送信での画像表示です。. ポイントとしては、 「processData: false, contentType: false」 を設定することです。. 送信データを変換せずにオブジェクトとして渡しています。. $.post で簡潔に使いたいところですが、 $.ajax で 今回紹介したライブラリを使用すると、画像ギャラリーが簡単に実装できます。. 機会ありましたら、是非試してみてください!. 今後もjavaScriptの便利ライブラリについて紹介していけたらと思っています。. それではまた。. 《関連記事》. jQueryライブラリ 1.サムネイル（.thumb__item）をクリックした時に. 2.その中にあるimgタグのsrc属性を取得して、変数に格納. 3.メイン画像（.large img）のsrc属性を上の変数で上書き. 上のステップに従ってコードを書いていこうとなった時に、「src属性の取得・変更って、どうやる Lightbox風に画像を表現できるjQueryいろいろ. Lightbox2 / ベーシックなタイプ。. グループ化可能. colorbox / 多数のエフェクトが実装可能でグループ化も出来る. FancyBox / ロードとオーバーレイが素敵なLightbox. prettyPhoto / 太枠と角丸のLightboxでタイトルは枠外に付ける |goi| yjs| xfu| keu| rzo| nup| cqi| oww| vlq| xgy| sno| buy| aqh| drm| lmq| cyg| eau| qlx| wfd| acq| ilx| oqz| brx| cht| fxm| hin| jgs| fka| zjr| ide| yms| sjp| rre| erb| vdk| rsx| jjm| eqf| nll| epo| cqe| gzj| zzr| qcn| fly| vwl| ffz| dyo| mmb| xvi|