具體操作：

1.首先在photoshop中把要在詳情頁(yè)展示的寶貝排版好:

2.根據(jù)需要在各圖片交界處拉出參考線,如圖所示:

3.選擇切片工具,在上面的屬性欄里點(diǎn)擊"基于參考線的切片",便生成名為1、2、3、4、5、6的6個(gè)切片:

4.選擇"文件--存儲(chǔ)為Web和設(shè)備所用格式"彈出"存儲(chǔ)為Web和設(shè)備所用格式"面板,點(diǎn)擊面板左上角的"存儲(chǔ)"按鈕"彈出"將優(yōu)化結(jié)果存儲(chǔ)為＂面板，選擇存儲(chǔ)位置為＂桌面＂,保存類型為＂HTML和圖像",切片后面選"所有切片",然后保存.

5.此時(shí)會(huì)看到桌面上有一個(gè)名為images的文件夾和一個(gè)html文件.把images文件夾里的圖片上傳到圖片空間.

6.選中html格式的文件,點(diǎn)擊鼠標(biāo)右鍵,選擇打開(kāi)方式為Dreamweaver在Dreamweaver中打開(kāi),可以看到和在photoshop中一樣的6個(gè)切片,點(diǎn)擊第一個(gè)切片,在圖片空間中復(fù)制該圖片的鏈接,粘貼在屬性面板中的"源文件"后面的方框里.然后復(fù)制該寶貝的詳情頁(yè)地址,粘貼在"鏈接"后面的方框里,目標(biāo)選擇"-blank".按照此方法把其它5個(gè)切片的源文件和鏈接地址也做更改,然后選擇文件--保存.

7.鼠標(biāo)右鍵單擊桌面上的html文件,選擇打開(kāi)方式為記事本,可以看到如圖所示的代碼,復(fù)制<table、、、、、></table>之間的內(nèi)容包括<table、、、、、></table>到粘貼板。

8.在寶貝詳情頁(yè)編輯頁(yè)面,點(diǎn)擊如圖所示位置,切換到代碼示圖,把剛才復(fù)制到粘貼板上的代碼粘貼在里面,點(diǎn)擊保存即可大功告成.

點(diǎn)擊看下實(shí)際效果，OK。

樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則

本文來(lái)源： 如何在寶貝詳情頁(yè)里面添加其它寶貝的圖片鏈接