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, 小技集

執筆者:

関連記事

Ffmpegで複数動画を結合して一つの動画に出力

いつも、動画変換においてやりたいことがあってもコマンドを思い出せないFfmpeg。今回もこのごろ良く使うものを自分用のメモを兼ねて記録しておきます。

タブ開き過ぎの人用のFirefox拡張「Tab mix Plus」で「FaviconizeTab」みたいなミニマム表示を実現

Firefoxの拡張といえば、タブ拡張なんかはメジャーな方だと思うんだけど、色々入れてると機能がコンフリクトしちゃってうまく動かなくなったりしますよね。ボクは基本的には「Tab Mix Plus」しか …

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

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

no image

第5回:twitter の JavaScript Badge を改造する

しつこく twitter ネタでまいります。 前回の記事で JavaScript の Badge がちゃんと動くようになりました。これで CSS を使えば自由にレイアウトできるようにはなったんだけど、 …

Ffmpegで複数動画ファイルを無劣化で結合したり、無劣化で切り出したりする

いつまで経ってもffmpegのコマンドが覚えられないヤガーです。 というわけで、今回もよく使うコマンドをご紹介、というか自分用メモ。 このごろイベントの撮影やライブ配信をしていて、固定カメラで動画を長 …

スポンサードリンク

スポンサードリンク