Heim Backend-Entwicklung PHP-Tutorial 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定义的话,小图没什么问题,大图的话会影响整站的加载速度,多几张图片就把你网站搞垮
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So ändern Sie element.style So ändern Sie element.style Nov 24, 2023 am 11:15 AM

Methoden für element.style zum Ändern der Hintergrundfarbe des Elements; 2. Ändern der Schriftgröße des Elements; 4. Ändern des Schriftstils des Elements; . Ändern Sie die horizontale Ausrichtung des Elements. Detaillierte Einführung: 1. Ändern Sie die Hintergrundfarbe des Elements. Die Syntax lautet "document.getElementById("myElement").style.backgroundColor = "red";" 2. Ändern Sie die Schriftgröße des Elements usw.

So ändern Sie den Stil in React dynamisch So ändern Sie den Stil in React dynamisch Dec 28, 2022 am 10:44 AM

Methoden zum dynamischen Ändern des Stils: 1. Fügen Sie ref zu dem Element hinzu, dessen Stil geändert werden muss, mit einer Syntax wie „<div className='scroll-title clear-fix' ref={ this.manage }>“; Durch dynamische Steuerung wird der Stil des Elements geändert. 3. Durch die Verwendung von JS-Code im DOM werden die Übergänge verschiedener DOMs angezeigt und ausgeblendet.

Was sind die neuen Funktionen im Vue3-Stil und wie werden sie verwendet? Was sind die neuen Funktionen im Vue3-Stil und wie werden sie verwendet? May 14, 2023 pm 10:52 PM

Neue Stilfunktionen In der Vue3.2-Version wurden zahlreiche Stilverbesserungen für Einzeldateikomponenten vorgenommen, z. B. lokale Stile, CSS-Variablen und für Vorlagen verfügbare Stile. (Teilen von Lernvideos: Vue-Video-Tutorial) 1. Lokaler Stil Wenn das Etikett ein Bereichsattribut hat, wird sein CSS nur auf die Elemente der aktuellen Komponente angewendet: hi.example{color:red;} 2. Der Tiefenselektor ist Scoped Wenn der Selektor im Stil eine „tiefere“ Auswahl treffen möchte, also Unterkomponenten beeinflussen möchte, können Sie die Pseudoklasse :deep() verwenden: .a:deep(.b){/*. .*/ }DOM-Inhalte, die über v-html erstellt wurden, werden nicht erstellt

Wie komprimiere und formatiere ich Bilder in Vue? Wie komprimiere und formatiere ich Bilder in Vue? Aug 25, 2023 pm 11:06 PM

Wie komprimiere und formatiere ich Bilder in Vue? Bei der Frontend-Entwicklung müssen wir häufig Bilder komprimieren und formatieren. Besonders in der mobilen Entwicklung ist es wichtig, Bilder zu komprimieren und zu formatieren, um die Seitenladegeschwindigkeit zu verbessern und Benutzerverkehr zu sparen. Im Vue-Framework können wir einige Werkzeugbibliotheken zum Komprimieren und Formatieren von Bildern verwenden. Komprimierung mithilfe der Kompressor.js-Bibliothek compress.js ist ein JavaS zum Komprimieren von Bildern

Lieferengpässe bei Panasonic Lumix S9 komplettieren Fujifilm X100VI-Nachahmungsakt trotz schlechter Presse Lieferengpässe bei Panasonic Lumix S9 komplettieren Fujifilm X100VI-Nachahmungsakt trotz schlechter Presse Jun 14, 2024 am 09:36 AM

Seit ihrer Markteinführung Anfang dieses Jahres ist die Panasonic Lumix S9 in Kontroversen verwickelt. Zwischen den Ecken, dem Panasonic-Schnitt, um einen kleinen Körper zu erreichen, und der Aufregung bestimmter Kameras sind Zuschauer auf YouTube gesprungen, es schien, als wäre die Lumix S9 zum Scheitern verurteilt

Vue-Fehler: V-bind kann nicht verwendet werden, um Klasse und Stil korrekt zu binden. Wie kann das Problem gelöst werden? Vue-Fehler: V-bind kann nicht verwendet werden, um Klasse und Stil korrekt zu binden. Wie kann das Problem gelöst werden? Aug 26, 2023 pm 10:58 PM

Vue-Fehler: V-bind kann nicht verwendet werden, um Klasse und Stil korrekt zu binden. Wie kann das Problem gelöst werden? In der Vue-Entwicklung verwenden wir häufig die V-Bind-Anweisung, um Klasse und Stil dynamisch zu binden. Manchmal können jedoch Probleme auftreten, z. B. dass wir V-Bind nicht korrekt zum Binden von Klasse und Stil verwenden können. In diesem Artikel werde ich die Ursache dieses Problems erläutern und Ihnen eine Lösung anbieten. Lassen Sie uns zunächst die v-bind-Direktive verstehen. v-bind wird zum Binden von V verwendet

So ändern Sie die Größe, beschneiden, drehen und spiegeln Bilder in Python So ändern Sie die Größe, beschneiden, drehen und spiegeln Bilder in Python May 10, 2023 am 10:43 AM

Bilder in der Größe ändern, zuschneiden, drehen und spiegeln. Zunächst handelt es sich bei unseren Originalbildern um 10 Bilder unterschiedlicher Größe, die wie folgt aus dem Internet heruntergeladen wurden: Vorgang 1: Größe ändern Ändern Sie die Größe des Bildes auf die gleiche Größe (320.240) vonPILimportImageimporttorchvision.transformsastransforms# Verwenden Sie die PIL Bibliothek zum Einlesen von Image und ResizeefResizeImage():ifnotos.path.exists(rdir):os.makedirs(rdir)foriinrange(10):im=Image.open(d

Verwenden Sie den Pseudoklassenselektor :checked, um den Stil eines aktivierten Kontrollkästchens oder Optionsfelds zu ändern Verwenden Sie den Pseudoklassenselektor :checked, um den Stil eines aktivierten Kontrollkästchens oder Optionsfelds zu ändern Nov 20, 2023 am 11:48 AM

Da der Artikel nur eine begrenzte Länge hat, sind nur kurze Codebeispiele enthalten. Hier ist ein Beispiel: Angenommen, wir haben die folgende HTML-Struktur: &lt;!DOCTYPEhtml&gt;&lt;htmllang="en"&gt;&lt;head&gt;&lt;metacharset="UTF-8"&gt;&lt;metaname="viewpo

See all articles