Rumah pembangunan bahagian belakang tutorial 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定义的话,小图没什么问题,大图的话会影响整站的加载速度,多几张图片就把你网站搞垮
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk mengubah suai elemen.gaya Bagaimana untuk mengubah suai elemen.gaya Nov 24, 2023 am 11:15 AM

Kaedah untuk elemen.gaya untuk mengubah suai elemen: 1. Ubah suai warna latar belakang elemen; 2. Ubah suai saiz fon elemen; Ubah suai penjajaran mendatar elemen. Pengenalan terperinci: 1. Ubah suai warna latar belakang elemen, sintaksnya ialah "document.getElementById("myElement").style.backgroundColor = "red";" 2. Ubah suai saiz fon elemen, dsb.

Cara mengubah suai gaya secara dinamik dalam bertindak balas Cara mengubah suai gaya secara dinamik dalam bertindak balas Dec 28, 2022 am 10:44 AM

Kaedah untuk bertindak balas untuk mengubah suai gaya secara dinamik: 1. Tambahkan ref pada elemen yang gayanya perlu diubah suai, dengan sintaks seperti "<div className='scroll-title clear-fix' ref={ this.manage }>" 2 . Melalui kawalan dinamik Perubahan keadaan mengubah gaya elemen 3. Dengan menggunakan kod JS dalam DOM, peralihan paparan dan penyembunyian DOM yang berbeza direalisasikan.

Apakah ciri baharu dalam gaya Vue3 dan cara menggunakannya Apakah ciri baharu dalam gaya Vue3 dan cara menggunakannya May 14, 2023 pm 10:52 PM

Ciri baharu gaya versi Vue3.2 telah membuat banyak peningkatan kepada gaya komponen fail tunggal, seperti gaya setempat, pembolehubah css dan gaya yang terdedah kepada templat. (Perkongsian video pembelajaran: tutorial video vue) 1. Gaya setempat Apabila label mempunyai atribut berskop, CSSnya hanya akan digunakan pada elemen komponen semasa: hi.example{color:red;} 2. Pemilih kedalaman ialah scoped Jika pemilih dalam gaya ingin membuat pemilihan yang lebih "mendalam", iaitu mempengaruhi sub-komponen, anda boleh menggunakan :deep() pseudo-class: .a:deep(.b){/*.. .*/ }Kandungan DOM yang dibuat melalui v-html tidak akan

Bagaimana untuk memampatkan dan memformat imej dalam Vue? Bagaimana untuk memampatkan dan memformat imej dalam Vue? Aug 25, 2023 pm 11:06 PM

Bagaimana untuk memampatkan dan memformat imej dalam Vue? Dalam pembangunan bahagian hadapan, kami sering menghadapi keperluan untuk memampatkan dan memformat imej. Terutamanya dalam pembangunan mudah alih, untuk meningkatkan kelajuan memuatkan halaman dan menjimatkan trafik pengguna, adalah penting untuk memampatkan dan memformat imej. Dalam rangka kerja Vue, kita boleh menggunakan beberapa perpustakaan alat untuk memampatkan dan memformat imej. Mampatan menggunakan perpustakaan compressor.js compressor.js ialah JavaS untuk memampatkan imej

Ralat Vue: Tidak dapat menggunakan v-bind untuk mengikat kelas dan gaya dengan betul, bagaimana untuk menyelesaikannya? Ralat Vue: Tidak dapat menggunakan v-bind untuk mengikat kelas dan gaya dengan betul, bagaimana untuk menyelesaikannya? Aug 26, 2023 pm 10:58 PM

Ralat Vue: Tidak dapat menggunakan v-bind untuk mengikat kelas dan gaya dengan betul, bagaimana untuk menyelesaikannya? Dalam pembangunan Vue, kami sering menggunakan arahan v-bind untuk mengikat kelas dan gaya secara dinamik, tetapi kadangkala kami mungkin menghadapi beberapa masalah, seperti tidak dapat menggunakan v-bind dengan betul untuk mengikat kelas dan gaya. Dalam artikel ini, saya akan menerangkan punca masalah ini dan memberi anda penyelesaian. Pertama, mari kita fahami arahan v-bind. v-bind digunakan untuk mengikat V

Kekurangan bekalan Panasonic Lumix S9 melengkapkan tindakan penyamaran Fujifilm X100VI walaupun akhbar teruk Kekurangan bekalan Panasonic Lumix S9 melengkapkan tindakan penyamaran Fujifilm X100VI walaupun akhbar teruk Jun 14, 2024 am 09:36 AM

Sejak dilancarkan pada tahun ini,PanasonicLumixS9telah terlibat dalam kontroversi.Antara penjuruPanasoniccutto tiba seperti badan kecil dan kerumitan tertentu pengulas kamera diceroboh diYouTube,ia kelihatan seperti LumixS9 malapetaka

Bagaimana untuk mengubah saiz, memangkas, memutar dan membalikkan imej dalam Python Bagaimana untuk mengubah saiz, memangkas, memutar dan membalikkan imej dalam Python May 10, 2023 am 10:43 AM

Ubah saiz, pangkas, putar dan selak imej Pertama, imej asal kami ialah 10 imej dengan saiz berbeza yang dimuat turun dari Internet, seperti berikut: Operasi 1: ubah saiz Saiz semula imej kepada saiz yang sama (320,240) daripadaPILimportImageimporttorchvision.transformsastransforms# Gunakan PIL. perpustakaan untuk dibaca dalam Imej dan resizeefResizeImage():ifnotos.path.exists(rdir):os.makedirs(rdir)foriinrange(10):im=Image.open(d

Gunakan pemilih kelas pseudo :checked untuk menukar gaya kotak pilihan atau butang radio yang dipilih Gunakan pemilih kelas pseudo :checked untuk menukar gaya kotak pilihan atau butang radio yang dipilih Nov 20, 2023 am 11:48 AM

Oleh kerana artikel itu panjangnya terhad, hanya contoh kod ringkas disertakan. Berikut ialah contoh: Katakan kita mempunyai struktur HTML berikut: &lt;!DOCTYPEhtml&gt;&lt;htmllang="en"&gt;&lt;head&gt;&lt;metacharset="UTF-8"&gt;&lt;metaname="viewpo

See all articles