js-首页显示压缩后的小图片,点开后链接详情页显示大图片,怎么实现呢,要求图片在一路径下

问题描述

首页显示压缩后的小图片,点开后链接详情页显示大图片,怎么实现呢,要求图片在一路径下
首页显示压缩后的小图片,点开后链接详情页显示大图片,怎么实现呢,要求图片在一路径下

解决方案

一个大图,一个缩略图实现的。

解决方案二:
你可以用一个图片通过css改变width/height实现,但是那样的话,因为压缩后的图片肯定质量有所下降,可能就不清楚了。但是不压缩,图片比压缩后的要大,可能影响打开页面的时间。

解决方案三:
有很多效果可以实现你的要求,如fancybox,facebox等插件。。

时间: 2024-12-02 02:29:38

js-首页显示压缩后的小图片,点开后链接详情页显示大图片,怎么实现呢,要求图片在一路径下的相关文章

java-eclipse运行代码时,显示 “启动:未初始化小程序”

问题描述 eclipse运行代码时,显示 "启动:未初始化小程序" eclipse运行代码,窗口中显示"启动:未初始化小程序" ,代码如下,求解 /*弹球示例*/ package java自学; import acm.graphics.*; import acm.program.*; public class Chapter10_example extends GraphicsProgram{ /*设置弹球的直径*/ private static final int

Linux中的more命令-逐页显示长文本文件

如果你已经习惯了在Linux系统上工作,那你一定会发现在Linux世界中存在着大量的文本文件.配置文件和日志文件通常都采用文本格式.这些文件通常都有很长的内容,不能在一屏内全部显示.所以在处理这种文件时,我们需要分页显示.这时我们可以用上more命令. more是干嘛的 more是一个用来分页显示大文本文件的命令,它默认是内置在各个Linux发行版中的. 怎么用more 使用more命令,只需要键入: $ more file_name 比如,我们想检查/var/log目录下的日志文件syslog

jsp图片上传问题?有哪位大神说说吗?

问题描述 jsp图片上传问题?有哪位大神说说吗? 就是那个上传路径我琢磨了很久,可以具体说一下那个上传路径怎么写吗?SmartUpload su=new SmartUpload(); 然后su.save("/images");里面路径怎么写呢?目的是把图片上传到项目指定images文件夹里面. 解决方案 你用 String tempPath = this.getServletContext().getRealPath("/WEB-INF/temp"); File t

我用DataList做了产品列表其中每个产品都有图片与价格,但图片太大了,显示时间太久了,怎样让它暂时显示其他小图片,等数据都快速出来才显示真正的图片?

问题描述 我用DataList做了产品列表其中每个产品都有图片与价格等,我做了分页了,每页显示15个产品,但图片太大了(5~10KB左右),页面显示时间太久了,怎样让它暂时显示其他小图片(等待样式的小转轮),等数据都快速出来才显示真正的图片?不让用户打开这个页面是一片空白,等很就才全部图片与数据才出现?各位高手请帮帮我,感谢了! 解决方案 解决方案二:学习帮顶解决方案三:放个ajax图片下面写着正在加载请稍后...解决方案四:怎么放呢?解决方案五:http://www.baidu.com/s?w

结合Vue.js的前端压缩图片方案

这是一个很简单的方案.嗯,是真的. 为什么要这么做? 在移动Web蓬勃发展的今天,有太多太多的应用需要让用户在移动Web上传图片文件了,正因如此,我们有些困难必须去攻克: 低网速下上传进度缓慢,用户体验差 高并发下,后台处理较大的上传文件压力大 或许有更多... 在攻克上面的一些困难时,我们也可以给自己一些疑问: 真的有必要保存用户上传的原图吗? 用户还能等多久? 或许还有更多... 结合上面的一些困难和疑问,再结合我们实际的案例,我们或许可以这样做 -- 在用户上传图片时,图片被提交到后台之前

js实现图片在未加载完成前显示加载中字样_javascript技巧

<html> <title>图片预加载</title> <body> <script> //判断浏览器 var Browser=new Object(); Browser.userAgent=window.navigator.userAgent.toLowerCase(); Browser.ie=/msie/.test(Browser.userAgent); Browser.Moz=/gecko/.test(Browser.userAgent);

margin设置为什么会宿小图片?float后其他div的文字内容怎么变位置了?

问题描述 margin设置为什么会宿小图片?float后其他div的文字内容怎么变位置了? 开始是这样 我给产品那个div设置:margin:20px后,如下,它上下扩展了20px,而左右却是自己缩小了20px,为什么会缩小 我给产品那个div float后,下面的div也跟着上来了,如下,只是后面div文字内容本来是一个居左一个居中的,为何都跑到可见部分的左和中去了? 解决方案 body设置了宽度,然后产品是在body里的,产品宽度就是body宽度减去左右padding和border,设置了m

java基础-java读取数据库中图片的地址,然后再显示在jLabel框中,但是运行后没有加载图片

问题描述 java读取数据库中图片的地址,然后再显示在jLabel框中,但是运行后没有加载图片 我是通过新建函数来访问数据库的 public void getData(String medname){ String driver="com.microsoft.sqlserver.jdbc.SQLServerDriver"; String url="jdbc:sqlserver://localhost:1433;DatabaseName=account"; Strin

初学者关于Datalist绑定数据库图片跳转后不显示的问题

问题描述 <ItemTemplate><ahref="Main-Cloth.aspx?PhoId=<%#Eval("Id")%>"><asp:ImageID="Image44"runat="server"Height="258px"ImageUrl='<%#Eval("Photo")%>'Width="218px"