レイジーちゃん:アーカイブ:ドラクエ10冒険・サイト運営ブログ


レイジーちゃん

lazyloadのための指定座標のIDを取得する方法

https://dq10as.net/search/monster/index30.php


ざっくりこんな感じです。
ブラウザの画面左上から左に600px、下に300pxの地点の要素のどこかしらの親要素のsectionのIDを取得しています。
実際に使うときの座標はブラウザの画面サイズを取得してその半分(画面の中央地点)になりますかね。

あとは画像を全部表示させているページを作って、
Ajaxで、取得したID前後の画像をうまい具合に合成させれば良いような気がします。
その他には元ページの画像を低画質にして、Ajaxで取り出す画像を高画質にすれば
良い感じにならないかなといった感じです。

画像はバイナリ、文字にしないとAjaxで拾ってこれないと思うんですが
実際できるかはわかりません!

サイトについて
このサイトはドラゴンクエスト10を攻略するに当たって、
なるべく便利な形で情報を発信しようと試みる個人サイトです。
こんなの便利じゃない?こんなのあったら良いな~なご意見は常に募集中です。
まずは私のテクノロジィを試して欲しいんふふ(海外ドラマAPBネタ)
 
このサイトはJavaScriptをふんだんに使用しています。
JavaScriptを無効にしているとかなり機能が制限されます。
当サイトではCookieは使用していませんが、local storageを使用しております。
当サイトのJavaScriptおよびlocal storageで個人情報などの収集は一切していません。
当サイトで表示している広告には表示を最適化するためのcookieを使用しています。
リマーケティングの設定はこちら。
お問い合わせ
メールはこちらへ
info@dq10as.net
そのうち意見交換できるフォーラム作る!作る。作る?
 
画像・動画について
このページでは、株式会社スクウェア・エニックスを代表とする共同著作者が権利を所有する画像・動画を利用しております。
(C)2017 ARMOR PROJECT/BIRD STUDIO/SQUARE ENIX All Rights Reserved.
(C)SUGIYAMA KOBO(P)SUGIYAMA KOBO