Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

JavaScript jQuery Wordpress 小技集

FlickrExがWordPressのLazy Load Pluginに対応しました!

投稿日:


2013-04-18_flickrex_wp
先月このブログにも導入し、Lazy Loadとの共存のための修正などで協力させていただいたFlickrExですが、どうもWordPressでうまくいかないという声が聞こえてきていたので、なんとなくやりだした責任も感じ(w)更にアップデートしたところ、作者の@drikinさんに音速で本家にマージしていただいたのでご報告します。
といっても、開発者以外には分かりづらい話になってしまうのでもう少し説明しますね。FlickrExというjQueryプラグインは、ブログなどに貼りつけたFlickrの画像に自動でEXIF情報を追加表示してくれる機能で、カメラの機種とか露出とかシャッタースピードとか写真好きにはとても参考になる大変便利なものです。で、ボクのブログに導入する時にLazy Loadという画像の読み込み時間をうまいこと短縮してくれる(説明省略しすぎw)jQueryプラグインと合わせるとうまく動かない問題があったので修正したということです。しかし、WordPressのPluginで提供されているLazy Loadでは相変わらず上手く動作しないという報告があったので更に修正したという感じです。
FlickrExにある手順の通り導入している人は特に修正しなくても動作するようになっていると思います。とりあえず、ボクの環境ではLazy LoadBJ Lazy Loadという上位にでてきた2種類のPluginで動作確認しました。Lazy Load自体枯れたテクニックなので、亜種と思われるPluginが山ほどあるようです。もし、うまく動かないという場合はご一報ください。(全部に答えられるわけではありませんのでご了承ください)


さて、もうちょっとだけ詳しい情報をば。
前回対応した、Lazy Load Plugin for jQueryでは後から読み込む元画像のURLをdata-original属性に格納してありましたが、今回WordPress系のPluginではdata-lazy-src属性に格納されていたために正常に動作しませんでした。対応としては、src・data-original・data-lazy-srcの3種類の属性からFlickr画像のURLを探してくるという多少面倒なロジックになっております。
この辺りの仕様はどうとでもなりますけど、面倒だから統一してほしいなぁと思ったりしますが。
とりあえず、FlickrEx最高です!WordPressにFlickr画像を貼り付けてて写真好きな人はもれなく導入してください!

-JavaScript, jQuery, Wordpress, 小技集

執筆者:

関連記事

no image

AmazonのURLを短くするブックマークレット

今日、はてブ経由でこんな豆知識を仕入れました。 もともとAmazonの商品ページは、書籍であれば10けたのISBNコード、それ以外の製品もASINの10けた番号さえあればアクセス可能だ。 via: 3 …

Raspberry Pi 4 Model B 8GBでライブ配信(1) USB接続のWEBカメラ映像をFFmpegで保存してみる

ブログご無沙汰しております。ヤガーです。 本業のWEB開発と並行して、リモートワーク推奨の影響でライブ配信などの需要が高まっており、以前よりイベントなどで配信をしていた関係で様々な形式でのライブ配信方 …

no image

動画を楽しもう!(YoutubeをMP4でダウンロードするもっと簡単なブックマークレット)

YoutubeをMP4の高画質で見れる方法がある事が分かり、Google Operating SystemではすでにMP4形式でダウンロードできるブックマークレットが紹介されています。 One way …

Google Analytics に独自検索エンジンを追加している場合の問題と対応

今日まで夏休みなんですが、昨日まで出かけていた期間のアクセス解析をGoogle Analyticsで確認していたら、すごい勢いで下降線。というか、これは明らかにおかしいのでデバッグしてみるとGoogl …

no image

FLVをまとめてMP4に変換するPHPスクリプト

YouTube HD Suiteの最新版になってから、ファイル名をいちいち指定しなくてもよくなったので、ドンドン落とせるようになってしまいました。で、すでに時間的に普通には消化できない量になってきてい …

スポンサードリンク

スポンサードリンク