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

執筆者:

関連記事

第3回:JavaScriptで画像サイズと合ったポップアップウィンドウを開く

[追記:2008/07/04] 更に改良したスクリプトをつくりましたので下記エントリーの方を参照して下さい。 ・Re2: 第3回:JavaScriptで画像サイズと合ったポップアップウィンドウを開く …

動画を楽しもう!(Ustream.tvで録画した動画「Past Clips」のFLVをダウンロード可能にするブックマークレット)

【2012/01/03:更新】 Ust DLの公式ページができました。今後の最新情報はこちらをご確認ください。 Ust DL 公式ページ 【2010/04/13:追記】 スクリプトをアップデートしまし …

Google Analytics のベンチマーク機能から分かる事

先日、Google Analyticsの新機能がリリースされていました。 3 月 6 日にを ベンチマーク機能 (ベータ版) とデータ共有設定を公開させていただきました 。これらはAnalytics …

Googleドライブのフォーム機能からGoogle Apps Scriptを使ってメール自動返信2014年版

Googleドキュメントのフォーム機能からGoogle Apps Scriptを使ってメール送信 [C!] 上記記事は2011年に書いて今でも非常にたくさん参照されているのですが、Googleの仕様変 …

ブログに埋め込んだFlickr画像に自動でEXIF情報を追加する「FlickrEx」がLazyLoadに対応!

ボクは写真が好きで、バックアップも兼ねてFlickrに全ての写真データをアップロードしているのですが、ブログに貼り付ける画像もFlickrにアップロードしたものを使っています。プロアカウントを持ってい …

スポンサードリンク

スポンサードリンク