• つくってみた
  • 機械学習
  • クラウドコンピューティング
  • 仮想デスクトップ
  • サービス
  • 導入事例
  • サイト情報
    • 運営会社
    • 採用情報
  • お問い合わせ
  1. ホーム /
  2. ハック /
  3. ajaxのときもLazy Loadを実行する
  • ハック
  • 2018.06.20
  • 1,389
  • jQuery / PageSpeed Insights

ajaxのときもLazy Loadを実行する

  • ツイート
  • シェア
  • はてな

Lazy Loadは便利な画像遅延読み込みjQueryプラグインです。

以下のように記述することでajaxでページの表示が変わったあとも実行されます。

JavaScript例

$(document).ajaxSuccess(function(event, xhr, settings ) {
  lazyload();
});

HTML例

<img class="lazyload" data-src="img/example.jpg">

参考:jQuery LazyLoad for New Image Loaded From Ajax

  • ツイート
  • シェア
  • はてな
harada

harada

    つくってみた!

    社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。
    社内のトイレ難民解決!トイレ空き状況確認システムを作ってみた社内のトイレ難民解決!トイレ空き状況確認システムを作ってみた
    Amazon Polly と Slack を使って  Alexa へ (物理的に) 話しかけるシステムを作ってみたAmazon Polly と Slack を使って Alexa へ (物理的に) 話しかけるシステムを作ってみた

    関連記事

    • WordPressのJavaScriptでtype属性を消してasyncを追加する
    • 【2018年版】重いWordPressを高速化する方法
    • PageSpeed Insights で表示速度を改善する
    • macにOptiPNGをインストールしてpng画像を簡単に軽量化する(2)
    • ImageOptimを利用して画像を圧縮する
    • ImageOptimを利用して画像を圧縮する(2)
    • お問い合わせ
    • 利用規約
    • プライバシーポリシー
    • 運営会社
    • 採用情報
    • サブスクリプション請求管理「KIMERA」
    • AWS構築代行「CloudAdvisor」
    • グループウェア「Aipo」

    © Copyright 2021 ハックノート All rights reserved.