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

執筆者:

関連記事

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

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

facebookの新プロフィール画面で、写真をうまく使ってデザインする方法

【2011/02/01:追記】 ファンページについてのエントリーも書きましたので、そちらもどうぞ。 facebookのファンページを作る時に気をつけたい細かい話 半年くらい前から、ネット上でfaceb …

[N]ネタフル x [S]シカマケ = ブログデザイン勉強会 第3回:自分探しの旅は一周して写真に回帰

昨日は、ネタフルのコグレマサトさん主催、視覚マーケティングのススメの著者で鬼コーチこと(w)ウジトモコさんを講師に迎えての勉強会の第3回に行ってきました。 これまで、第1回では1枚絵で、第2回ではテー …

no image

blog chart.jp のブログパーツが重いので勝手に改造した

すでにローンチから時間が経ってしまっていますが、ブログを色々な角度から解析してチャート化してくれるWebサービス「blog chart.jp」というのがあります。 ABCDEFGの頭文字をもつ6つの指 …

HTMLソースを表示するブックマークレット(GeSHiでシンタックスハイライト版)

似たようなブックマークレットが続きますが、ご容赦下さい。 先日作ったHTMLソース表示ブックマークレット(Yahoo!Pipes版)は、Pipes側の制限で、一部タグが見えなかったりして使い勝手が微妙 …

スポンサードリンク

スポンサードリンク