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
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>
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ài liên quan
0