lazyloadの独自属性対策
- 981 名前：名無しさん＠お腹いっぱい。 投稿日：2020/11/24(火) 23:16:18.76 ID:SKoR9FCR0
- ２ページ目以降の画像の遅延読み込み (Lazy Load) の対策を、GreasyFork で公開しました。
https://greasyfork.org/ja/scripts/416710-autopagerize-lazy-load-assistant
- 982 名前：名無しさん＠お腹いっぱい。 投稿日：2020/11/24(火) 23:58:48.54 ID:KxrmkJAv0
- >>981
いいね完璧
- 983 名前：名無しさん＠お腹いっぱい。 投稿日：2020/11/25(水) 01:43:44.25 ID:LlMgWYNX0
- ImpressのWatchがajaxプロパティ使ってるんだよなぁ
Watchはよく見るから自前スクリプトでは対応させてるんだけどajaxだからもちろんdatasetには無い
まあでも汎用的なプロパティ名じゃ無いわな……
- 984 名前：名無しさん＠お腹いっぱい。 投稿日：2020/11/25(水) 04:18:17.98 ID:1F06LSlV0
- const DATASETS = [
'src',
'lazySrc',
'original',
];
img.src = img.dataset[name];
srcがいらなくない？
img.src=img.srcしてるような
俺のはブックマだが他のが入ってる
["data-src", "data-lazy-src", "data-original", "ajax", "data-layzr", "data-gifffer"]
- 985 名前：名無しさん＠お腹いっぱい。 投稿日：2020/11/25(水) 08:45:31.91 ID:Pm0TDhB80
- >>983
AutoPagerize質問・要望スレ page:5
うわーまじかぁ 自分もWatchたまに見るけど独自属性には付き合ってらんないな・・・
html埋め込みスクリプトで↓こんなことやってんね
$('.main-contents img[ajax]').each(function(){
$(this).attr('src', $(this).attr('ajax'));
$(this).removeAttr('ajax');
});
>>984
DATASETS で定義してるのはいずれも dataset 以下の項目なので、
src は実際には img.src じゃなくて img.dataset.src を探ってます。
例: https://toyokeizai.net/articles/-/362124
一応data-imgとかdata-delayとかもありますよ。とはいえほどほどでいいと思います。
wedata.net
wedata.net
