Lazy Loadの件で

  • このトピックには6件の返信、1人の参加者があり、最後にnisiにより10年、 5ヶ月前に更新されました。
6件の返信スレッドを表示中
  • 投稿者
    投稿
    • #38818
      nisi
      ゲスト

      お世話になります。
      Lazy Loadの遅延読み込みなのですが
      プロフィール画像しか機能してないのでしょうか?
      遅延読み込みがプロフィール画像しか遅延読み込みしていないようなので
      すみません

    • #38819
      nisi
      ゲスト

      Lazy Loadのプラグインを入れてみて遅延読み込みするようになったのですが
      タイル系のスタイルは画像と文字が重なって表示されバグった感じになります。
      タイル以外は正常に表示されています。

    • #38821
      Hidekichi
      ゲスト

      > Lazy Loadのプラグインを入れてみて遅延読み込みするようになった

      これはカスタマイザーで有効にしたのではなく別のプラグインを導入したということですか?

    • #38825
      nisi
      ゲスト

      そうです 試しに入れて確かめてみました

    • #38826
      nisi
      ゲスト

      公式からのこれを入れました
      https://ja.wordpress.org/plugins/lazy-load/

    • #38831
      Hidekichi
      ゲスト

      ということは、カスタマイザーではもちろんデフォルトのは停止されている状態ですかね?

      つまり、デフォルトのが動いていないようなのでカスタマイザーで停止して、新たにlazyloadのプラグインを導入したけれどもトピックの質問のような内容になっていると言う感じかなと想像したのですが、デベロッパーツールでconsoleを開いて何かしらjQuery等にエラーは出ていないですか?

      デベロッパーツールはf12キー、もしくは何かしらの要素を右クリックで調査とか検査みたいなメニューから開きます。

      lazyloadの仕組みは予め1×1ピクセルの画像を表示しておき、画面内に要素が来たら、本来の画像(imgタグ)に切り替えるというような動作をしています。

      > タイル系のスタイルは画像と文字が重なって
      > 表示されバグった感じになります。

      リストスタイルにタイルを選択すると、そのタイルはposition:absoluteで表示されます。つまりpx単位で位置しているということになるわけです。そのため、絶対値(px)がずれて重なったように表示されると思うんですが、本来の画像が読み込めたら元に戻るかの動作をすると思うんですけれども、ここらはもしかしたら一緒に使わないほうが良いかも知れませんね。

      やり方はあるかと思うんですが、色々調査する必要があります。

      タイルではなくてcssでグリッドに組んだものであれば、最初のアイテムだけ大きくしてlazyloadを効かせることは普通にできると思います。

    • #38836
      nisi
      ゲスト

      カスタマイザー停止した状態です
      コンソールの方はLazy Loadプラグインを入れていない状態では全くエラーはありません
      入れるとエラーだらけです。
      自分のCSSとScriptがおかしいのかと思いまして
      Simplicity2の最新版を真っ新な状態でタイルスタイルで何枚か画像と記事を貼ってみて
      同じようにやってみたのですが同じ現象でした。 
      ま、まあタイルスタイルにしなければいいんですけどね
      Hidekichi さん有難うございました^^

6件の返信スレッドを表示中
  • フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)