10/10/2018, 00:21

Cần code ưu tiên hiện text trước, ảnh hiện ra sau

Mình làm 1 site php. Mình muốn text hiện ra trước, sau khi text và style hiện xong thì ảnh mới hiện ra. Mình có nghe nói là có thể làm như vậy bằng JavaScript.
Có bạn nào biết thì cho mình nhé.
thanks

MichaelTuanAnh viết 02:29 ngày 10/10/2018

cái này thì cũng dễ thôi, khi output thì set style display:none cho mấy cái hình rồi chèn dòng code javascript ở phía dưới cùng để hiển thị lại mấy cái hình.

BossFTP viết 02:24 ngày 10/10/2018

Nếu làm theo cách bác thì trình duyệt vẫn phải load hình về.
Còn nếu bác muốn ưu tiên load text trc + hiển thị trc thì có thể tạo span (hoặc div) ở vị trí muốn thêm hình, sau đó chèn script set innerHTML cho span (div) đó là <img src="..." /> vào trc </body>

nhadatvina viết 02:26 ngày 10/10/2018

Được gửi bởi BossFTP

Bac giai thich them hay cho xin cai code sample duoc khong? Thanks bac nhieu nhieu

BeatOfAngle viết 02:28 ngày 10/10/2018

ví dụ đơn giản:

Code:

<body>

<div id="image"></div>
<p>Day la doan text</p>

<script language="javascript">
document.getElementById("image").innerHTML="<img src='image.jpg'/>";
</script>

</body>

nhadatvina viết 02:30 ngày 10/10/2018

Được gửi bởi BeatOfAngle

ví dụ đơn giản:

Code:

<body>

<div id="image"></div>
<p>Day la doan text</p>

<script language="javascript">
document.getElementById("image").innerHTML="<img src='image.jpg'/>";
</script>

</body>

Cam on bac nhieu .........

zoejoe viết 02:27 ngày 10/10/2018

Được gửi bởi nhadatvina

Cam on bac nhieu .........

Có cần phải thế không, chỉ làm nặng thêm trang của mình, chưa kể nếu như trình duyệt tắt javascript thì mình mất trắng mấy tấm hình.

Theo mình đoán thì trình duyệt bình thường vẫn load text về trước rồi parse ra dần dần mà. Xem firebug thì thấy mã html được load hoàn toàn về roài, sau đó các hình ảnh, style được load sau đó

Bình luận về bài viết này

Chia sẻ tin đăng đến bạn bè

Gửi Messenger

Bài liên quan

t_rex

0 chủ đề

0 bài viết

Tác giả nổi bật