Simplicityの特徴 › フォーラム › Simplicityについての質問 › Lazy Loadの件で
- このトピックには6件の返信、1人の参加者があり、最後に
nisiにより10年、 5ヶ月前に更新されました。
-
投稿者投稿
-
-
2016年4月7日 11:03 PM #38818
nisi
ゲストお世話になります。
Lazy Loadの遅延読み込みなのですが
プロフィール画像しか機能してないのでしょうか?
遅延読み込みがプロフィール画像しか遅延読み込みしていないようなので
すみません -
2016年4月7日 11:21 PM #38819
nisi
ゲストLazy Loadのプラグインを入れてみて遅延読み込みするようになったのですが
タイル系のスタイルは画像と文字が重なって表示されバグった感じになります。
タイル以外は正常に表示されています。 -
2016年4月7日 11:27 PM #38821
Hidekichi
ゲスト> Lazy Loadのプラグインを入れてみて遅延読み込みするようになった
これはカスタマイザーで有効にしたのではなく別のプラグインを導入したということですか?
-
2016年4月7日 11:47 PM #38825
nisi
ゲストそうです 試しに入れて確かめてみました
-
2016年4月7日 11:50 PM #38826
nisi
ゲスト公式からのこれを入れました
https://ja.wordpress.org/plugins/lazy-load/ -
2016年4月8日 12:56 AM #38831
Hidekichi
ゲストということは、カスタマイザーではもちろんデフォルトのは停止されている状態ですかね?
つまり、デフォルトのが動いていないようなのでカスタマイザーで停止して、新たにlazyloadのプラグインを導入したけれどもトピックの質問のような内容になっていると言う感じかなと想像したのですが、デベロッパーツールでconsoleを開いて何かしらjQuery等にエラーは出ていないですか?
デベロッパーツールはf12キー、もしくは何かしらの要素を右クリックで調査とか検査みたいなメニューから開きます。
lazyloadの仕組みは予め1×1ピクセルの画像を表示しておき、画面内に要素が来たら、本来の画像(imgタグ)に切り替えるというような動作をしています。
> タイル系のスタイルは画像と文字が重なって
> 表示されバグった感じになります。リストスタイルにタイルを選択すると、そのタイルはposition:absoluteで表示されます。つまりpx単位で位置しているということになるわけです。そのため、絶対値(px)がずれて重なったように表示されると思うんですが、本来の画像が読み込めたら元に戻るかの動作をすると思うんですけれども、ここらはもしかしたら一緒に使わないほうが良いかも知れませんね。
やり方はあるかと思うんですが、色々調査する必要があります。
タイルではなくてcssでグリッドに組んだものであれば、最初のアイテムだけ大きくしてlazyloadを効かせることは普通にできると思います。
-
2016年4月8日 1:36 AM #38836
nisi
ゲストカスタマイザー停止した状態です
コンソールの方はLazy Loadプラグインを入れていない状態では全くエラーはありません
入れるとエラーだらけです。
自分のCSSとScriptがおかしいのかと思いまして
Simplicity2の最新版を真っ新な状態でタイルスタイルで何枚か画像と記事を貼ってみて
同じようにやってみたのですが同じ現象でした。
ま、まあタイルスタイルにしなければいいんですけどね
Hidekichi さん有難うございました^^
-
-
投稿者投稿
- フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。