首页 后端开发 php教程 php开发,请教大家商城图片是怎么解决

php开发,请教大家商城图片是怎么解决

Jun 13, 2016 am 10:25 AM
resize small style

php开发,请问大家商城图片是如何解决?
情况是这样的。。。

商城中某商品,在前台的设计中,图片大小分为四种类型,即
1.small_pic,就是最小的图,用在下定单,或者侧栏显示
2.list_pic,栏目列表及首页列表展示的图片
3.goods_show_pic,用于商品展示页面的图,利用js可以放大,放大的图就是下面所要说的图,原始尺寸的图片
4.original_pic,原始图片,规定好尺寸,用来被放大

这样的图片,我的想法,是通过原始图片,缩三次,成为三张不同尺寸的图片,跟sina博客一般的

我不知道这样的方法可不可行,还是说,让设计师做好除原始图另外三张图,再分别上传?

大家谈谈自己的创意及做法,谢谢先。。。

------解决方案--------------------

探讨
呃。。。难道大家都是一张图搞惦的?不需要利用程序再生成?

------解决方案--------------------
探讨

呃,大家都理解错我的意思了。。。

之于放大缩小,不是我的问题的重点,这些都是小事情。。

我的问题的重点就是:产品需要图片,图片的格式分为四个类型,就是最小的缩略图,列表图,展示图及放大图

我想问问大家,如果是你们自己来弄这个系统,图片是通过原始图,生成指定尺寸的图片,还是分四次上传所需要的四张图?或者正如大家说的一样,上传一张图,然后通过style样定义图片的大小(这个方法肯定……

------解决方案--------------------
上传一张原图。用程序自动生成多张需要的缩略图。这是比较实用的方法。

若果每次上传都需要传几张照片。那工作量大了点。还要劳烦美工那边动工。实在有失效率呀!
------解决方案--------------------

好吧。当我没说。
------解决方案--------------------
我觉得还是设置尺寸比较省事
------解决方案--------------------
想要高质量的图片肯定需要GD2的resize来裁剪图片,而且单纯用CSS定义的话,小图没什么问题,大图的话会影响整站的加载速度,多几张图片就把你网站搞垮
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

element.style怎么修改 element.style怎么修改 Nov 24, 2023 am 11:15 AM

element.style修改元素的方法:1、修改元素的背景颜色;2、修改元素的字体大小;3、修改元素的边框样式;4、修改元素的字体样式;5、修改元素的水平对齐方式。详细介绍:1、修改元素的背景颜色,其语法为“document.getElementById("myElement").style.backgroundColor = "red";”;2、修改元素的字体大小等等。

react 怎么动态修改style react 怎么动态修改style Dec 28, 2022 am 10:44 AM

react动态修改style的方法:1、在需要修改样式的元素上添加ref,其语法如“”;2、通过动态控制状态的变化修改元素的样式;3、通过在DOM中使用JS代码实现不同DOM的展示与隐藏转换。

Vue3 style中新增的特性有哪些及怎么用 Vue3 style中新增的特性有哪些及怎么用 May 14, 2023 pm 10:52 PM

style新特性Vue3.2版本对单文件组件的style样式进行了很多升级,如局部样式、css变量以及样式暴露给模板使用等。(学习视频分享:vue视频教程)一、局部样式当标签带有scopedattribute的时候,它的CSS只会应用到当前组件的元素上:hi.example{color:red;}二、深度选择器处于scoped样式中的选择器如果想要做更“深度”的选择,也即:影响到子组件,可以使用:deep()这个伪类:.a:deep(.b){/*...*/}通过v-html创建的DOM内容不会被

Vue中如何对图片进行压缩和格式转换? Vue中如何对图片进行压缩和格式转换? Aug 25, 2023 pm 11:06 PM

Vue中如何对图片进行压缩和格式转换?在前端开发中,经常会遇到需要对图片进行压缩和格式转换的需求。特别是在移动端的开发中,为了提高页面加载速度和节省用户流量,对图片进行压缩和格式转换是很关键的。而在Vue框架中,我们可以通过一些工具库来实现对图片的压缩和格式转换。使用compressor.js库进行压缩compressor.js是一款用于压缩图片的JavaS

Vue报错:无法正确使用v-bind绑定class和style,怎样解决? Vue报错:无法正确使用v-bind绑定class和style,怎样解决? Aug 26, 2023 pm 10:58 PM

Vue报错:无法正确使用v-bind绑定class和style,怎样解决?在Vue开发中,我们经常会用到v-bind指令来动态绑定class和style,但是有时候我们可能会遇到一些问题,如无法正确使用v-bind绑定class和style。在本篇文章中,我将为你解释这个问题的原因,并提供解决方案。首先,让我们先了解一下v-bind指令。v-bind用于将V

松下 Lumix S9 供应短缺,尽管有负面报道,但仍完成富士 X100VI 的冒充行为 松下 Lumix S9 供应短缺,尽管有负面报道,但仍完成富士 X100VI 的冒充行为 Jun 14, 2024 am 09:36 AM

自从今年早些时候推出以来,松下 Lumix S9 就一直陷入争议。在松下切入小机身和 YouTube 上某些相机评论家的大惊小怪之间,看起来 Lumix S9 已经完蛋了。

Python怎么对图片进行resize、裁剪、旋转、翻转 Python怎么对图片进行resize、裁剪、旋转、翻转 May 10, 2023 am 10:43 AM

对图片进行resize、裁剪、旋转、翻转首先我们的原始图片是10张网上下载尺寸不一的图片,如下:操作1:resize将图片resize到相同尺寸(320,240)fromPILimportImageimporttorchvision.transformsastransforms#使用PIL库读入图片并进行resizedefResizeImage():ifnotos.path.exists(rdir):os.makedirs(rdir)foriinrange(10):im=Image.open(d

使用:checked伪类选择器改变选中复选框或单选按钮的样式 使用:checked伪类选择器改变选中复选框或单选按钮的样式 Nov 20, 2023 am 11:48 AM

因为文章长度有限,所以只有简短的代码示例。下面是一个例子:假设我们有以下HTML结构:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewpo

See all articles