php开发,请教大家商城图片是怎么解决
php开发,请问大家商城图片是如何解决?
情况是这样的。。。
商城中某商品,在前台的设计中,图片大小分为四种类型,即
1.small_pic,就是最小的图,用在下定单,或者侧栏显示
2.list_pic,栏目列表及首页列表展示的图片
3.goods_show_pic,用于商品展示页面的图,利用js可以放大,放大的图就是下面所要说的图,原始尺寸的图片
4.original_pic,原始图片,规定好尺寸,用来被放大
这样的图片,我的想法,是通过原始图片,缩三次,成为三张不同尺寸的图片,跟sina博客一般的
我不知道这样的方法可不可行,还是说,让设计师做好除原始图另外三张图,再分别上传?
大家谈谈自己的创意及做法,谢谢先。。。
------解决方案--------------------
------解决方案--------------------
------解决方案--------------------
上传一张原图。用程序自动生成多张需要的缩略图。这是比较实用的方法。
若果每次上传都需要传几张照片。那工作量大了点。还要劳烦美工那边动工。实在有失效率呀!
------解决方案--------------------
好吧。当我没说。
------解决方案--------------------
我觉得还是设置尺寸比较省事
------解决方案--------------------
想要高质量的图片肯定需要GD2的resize来裁剪图片,而且单纯用CSS定义的话,小图没什么问题,大图的话会影响整站的加载速度,多几张图片就把你网站搞垮

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











요소를 수정하는 방법: 1. 요소의 배경색을 수정합니다. 2. 요소의 글꼴 크기를 수정합니다. 4. 요소의 글꼴 스타일을 수정합니다. . 요소의 수평 정렬을 수정합니다. 자세한 소개: 1. 요소의 배경색을 수정합니다. 구문은 "document.getElementById("myElement").style.BackgroundColor = "red";"입니다. 2. 요소의 글꼴 크기 등을 수정합니다.

스타일을 동적으로 수정하는 반응 방법: 1. 스타일을 수정해야 하는 요소에 "<div className='scroll-titleclear-fix' ref={ this.manage }>"와 같은 구문을 사용하여 ref를 추가합니다. .동적 제어를 통해 상태 변경은 요소의 스타일을 수정합니다. 3. DOM에서 JS 코드를 사용하여 다양한 DOM의 표시 및 숨기기 전환이 실현됩니다.

스타일 Vue3.2 버전의 새로운 기능으로 로컬 스타일, CSS 변수, 템플릿에 노출되는 스타일 등 단일 파일 구성 요소의 스타일이 많이 업그레이드되었습니다. (동영상 공유 학습: vue 동영상 튜토리얼) 1. 로컬 스타일 라벨에 범위 속성이 있는 경우 해당 CSS는 현재 구성 요소의 요소에만 적용됩니다. hi.example{color:red;} 2. 깊이 선택기는 다음과 같습니다. 범위가 지정된 스타일의 선택기가 보다 "깊은" 선택을 하려는 경우, 즉 하위 구성 요소에 영향을 미치려면 :deep() 의사 클래스를 사용할 수 있습니다: .a:deep(.b){/*.. .*/ }v-html을 통해 생성된 DOM 콘텐츠는

Vue에서 이미지를 압축하고 형식을 지정하는 방법은 무엇입니까? 프런트 엔드 개발에서는 이미지를 압축하고 형식을 지정해야 하는 경우가 종종 있습니다. 특히 모바일 개발에서는 페이지 로딩 속도를 높이고 사용자 트래픽을 절약하기 위해 이미지를 압축하고 포맷하는 것이 중요합니다. Vue 프레임워크에서는 일부 도구 라이브러리를 사용하여 이미지를 압축하고 형식을 지정할 수 있습니다. 압축기.js 라이브러리를 사용한 압축 압축기.js는 이미지 압축을 위한 JavaS입니다.

올해 초 출시 이후 파나소닉 루믹스 S9는 논란에 휩싸였다. 모퉁이 사이에서 파나소닉이 작은 차체를 선보이기 위해 소란을 피우고 특정 카메라가 YouTube에서 소란을 피웠는데, 마치 루믹스 S9이 파멸에 이른 것처럼 보였다.

Vue 오류: v-bind를 사용하여 클래스와 스타일을 올바르게 바인딩할 수 없습니다. 어떻게 해결합니까? Vue 개발에서는 클래스와 스타일을 동적으로 바인딩하기 위해 v-bind 지시문을 사용하는 경우가 많지만, 클래스와 스타일을 바인딩하기 위해 v-bind를 올바르게 사용하지 못하는 등의 문제가 발생할 수도 있습니다. 이번 글에서는 이 문제의 원인을 설명하고 해결 방법을 알려드리겠습니다. 먼저 v-bind 지시어를 이해해 봅시다. v-bind는 V를 바인딩하는 데 사용됩니다.

이미지 크기 조정, 자르기, 회전 및 뒤집기 먼저 원본 이미지는 다음과 같이 인터넷에서 다운로드한 다양한 크기의 10개 이미지입니다. 작업 1: 크기 조정 이미지 크기를 PILimportImageimporttorchvision.transformsastransforms#에서 동일한 크기(320,240)로 조정합니다. 이미지에서 읽을 라이브러리 및 resizeefResizeImage():ifnotos.path.exists(rdir):os.makedirs(rdir)foriinrange(10):im=Image.open(d

기사의 길이가 제한되어 있으므로 간단한 코드 예제만 포함됩니다. 예는 다음과 같습니다. 다음 HTML 구조가 있다고 가정합니다. <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewpo
