communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > développement back-end > tutoriel php > 100分请问： 图片加载-用户体验

100分请问： 图片加载-用户体验

WBOY
Libérer： 2016-06-13 11:08:24
original
1053 Les gens l'ont consulté

100分请教： 图片加载--用户体验


如上图，想做一个waterfall 布局的照片墙，但是由于图片过多，导致加载缓慢，已经用了lazy loading，也用了屏幕滚动加载，但是似乎体验还是不好，百分请教思路

1、如何提高图片加载速度
2、如何提高用户体验

多谢指点。
------解决方案--------------------
按比例缩小图片
------解决方案--------------------
预加载图片可以使用jquery的一个插件实现，鼠标移动到位置再显示该图片．
------解决方案--------------------

图片弄小点..
------解决方案--------------------
把图片生成一个较小的缩略图，页面显示这个缩略图。
当鼠标移动到图片上时再加载原图或不再加载。

Étiquettes associées：
jquery lazy loading nbsp
source：php.cn
Article précédent：php 远程连接 不同数据库解决方案 Article suivant：怎么快速找出两个数组中相同的元素
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
2
1429
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1284
Conversion automatique PX en erreur REM  <style>html {   taille de police : calc(100vw / 3,75);      }body {    taille de la...
Depuis 2024-04-16 09:34:16
0
0
4687
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal