ホームページ バックエンド開発 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 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

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 でスタイルを動的に変更する方法 React でスタイルを動的に変更する方法 Dec 28, 2022 am 10:44 AM

スタイルを動的に変更するためのメソッド: 1. "<div className='scroll-title clear-fix' ref={ this.manage }>" のような構文を使用して、スタイルを変更する必要がある要素に ref を追加します。 . 動的制御による 状態の変化により要素のスタイルが変更される; 3. DOM 内で JS コードを使用することで、異なる DOM の表示と非表示の遷移が実現されます。

Vue3 スタイルの新機能とその使用方法について Vue3 スタイルの新機能とその使用方法について May 14, 2023 pm 10:52 PM

スタイルの新機能 Vue3.2 バージョンでは、ローカル スタイル、CSS 変数、テンプレートに公開されるスタイルなど、単一ファイル コンポーネントのスタイルに多くのアップグレードが行われました。 (学習ビデオ共有: vue ビデオ チュートリアル) 1. ローカル スタイル ラベルにscopedattribute がある場合、その CSS は現在のコンポーネントの要素にのみ適用されます: hi.example{color:red;} 2. 深さセレクターはスコープされます。スタイル内のセレクターがより「深い」選択を行いたい場合、つまりサブコンポーネントに影響を与える場合は、:deep() 疑似クラス: .a:deep(.b){/*...* を使用できます。 / }v-html を通じて作成された DOM コンテンツは、

Vue で画像を圧縮してフォーマットするにはどうすればよいですか? Vue で画像を圧縮してフォーマットするにはどうすればよいですか? Aug 25, 2023 pm 11:06 PM

Vue で画像を圧縮してフォーマットするにはどうすればよいですか?フロントエンド開発では、画像を圧縮してフォーマットする必要が生じることがよくあります。特にモバイル開発では、ページの読み込み速度を向上させ、ユーザーのトラフィックを節約するために、画像を圧縮してフォーマットすることが重要です。 Vue フレームワークでは、いくつかのツール ライブラリを使用して画像を圧縮およびフォーマットできます。 compressor.js ライブラリを使用した圧縮 compressor.js は画像を圧縮するための JavaS です。

パナソニック Lumix S9 の供給不足、悪い報道にもかかわらず富士フイルム X100VI のなりすまし行為が完了 パナソニック Lumix S9 の供給不足、悪い報道にもかかわらず富士フイルム X100VI のなりすまし行為が完了 Jun 14, 2024 am 09:36 AM

今年初めの発売以来、Panasonic Lumix S9 は論争に巻き込まれてきました。Panasonic のカットが小さな体で登場し、うるさいカメラレビュアーが YouTube に飛びつくまでの間に、Lumix S9 は運命に終わったかのように見えました

Vue エラー: v-bind を使用してクラスとスタイルを正しくバインドできません。解決方法は? Vue エラー: v-bind を使用してクラスとスタイルを正しくバインドできません。解決方法は? Aug 26, 2023 pm 10:58 PM

Vue エラー: v-bind を使用してクラスとスタイルを正しくバインドできません。解決方法は? Vue 開発では、v-bind 命令を使用してクラスとスタイルを動的にバインドすることがよくありますが、v-bind を正しく使用してクラスとスタイルをバインドできないなどの問題が発生することがあります。この記事では、この問題の原因と解決策を説明します。まず、v-bind ディレクティブを理解しましょう。 v-bind は V をバインドするために使用されます

Python で画像のサイズ変更、切り抜き、回転、反転する方法 Python で画像のサイズ変更、切り抜き、回転、反転する方法 May 10, 2023 am 10:43 AM

画像のサイズ変更、切り抜き、回転、反転。まず、元の画像は、次のように、インターネットからダウンロードした異なるサイズの 10 枚の画像です: 操作 1: サイズ変更 画像を同じサイズ (320,240) にサイズ変更します。 fromPILimportImageimporttorchvision.transformsastransforms# PIL を使用します。画像とresizeefResizeImage():ifnotos.path.exists(rdir):os.makedirs(rdir)foriinrange(10):im=Image.open(d)を読み込むライブラリ

:checked 疑似クラス セレクターを使用して、チェックされたチェックボックスまたはラジオ ボタンのスタイルを変更します。 :checked 疑似クラス セレクターを使用して、チェックされたチェックボックスまたはラジオ ボタンのスタイルを変更します。 Nov 20, 2023 am 11:48 AM

この記事の長さは限られているため、簡単なコード例のみが記載されています。以下に例を示します。次の HTML 構造があるとします。 &lt;!DOCTYPEhtml&gt;&lt;htmllang="en"&gt;&lt;head&gt;&lt;metacharset="UTF-8"&gt;&lt;metaname="viewpo

See all articles