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

執筆者:

関連記事

Twitter @Anywhereをブログのコメントシステムにする方法

Welcome to @Anywhere | dev.twitter.com もはや、WEB界隈ではコミュニケーションプラットフォームとして定着しつつあるTwitterですが、先週、自分のサイトにJa …

MovableTypeにFacebookのOpen Graph protocol(OGP)を対応させる方法

【2012/12/02:追記】 記事本文の最初にでてくる画像URLを抜き出すという目的では、元の正規表現では少々問題があったため修正しました。詳細はMTタグの解説部分のコメントをご確認ください。 ども …

Facebookの「Recommendations Bar」が端っこから微妙にズレる件の修正方法

Facebookソーシャルプラグインの1つRecommendations Barは、ソーシャルグラフを解析し見ているページに関連するオススメページをブラウザ画面の端っこに表示してくれる機能を持っている …

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

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

Google検索結果を一瞬でエクセルに貼り付けるブックマークレット「Google Top10 TSV」

いやー、この手の記事をずいぶん書いてなかったなぁと反省しつつリハビリ状態のヤガーです。 WEBサイト運営などをやっていると、特定キーワードの検索エンジン表示順位などを調べたりすることがあるのですが、S …

スポンサードリンク

スポンサードリンク