標籤:style http color 使用 ar strong 2014 問題 sp
產品媒體常見功能點
電商研發系列——產品媒體常見功能點
支援圖片、視頻和文檔等媒體類型
產品圖片對清晰度要求比極高,但又不能太大,所以圖片一般是jpg格式。
視頻一般是flv流媒體格式,如果是嵌入產品詳細描述的視頻,可以是優酷、youTube等視頻網站的視頻。
文檔一般是pdf格式,用途多是協助文檔。
需要支援多張圖,其中一張為主圖
支援產生多種尺寸的圖片
在不同的頁面需要不同的尺寸,而這不能通過css直接設定高度寬度來控制,因為這樣將導致整個頁面太大,
降低頁面訪問速度,使用者體驗會很差。所以需要在圖片上傳時同時自動產生需要的尺寸的多張縮圖。
多縮圖的顯示和切換處理
常見的是在頁面左上部位顯示圖片,圖片下面是一行縮圖。切換有滑鼠點擊切換和自動切換兩種,自動
切換功能慎用,至少不能是預設的方式,可以提供一個複選框讓使用者勾選是否自動切換。
圖片浮水印
為了防止盜圖,網站的圖片需要加上浮水印,這同樣是在圖片上傳時進行處理的。
圖片放大鏡功能
用於前台產品頁面,滑鼠移到產品圖片上,會局部放大圖片的該地區。這個功能除了js外,還需要系統儲存
該圖片的高清源圖。這個源圖由於尺寸很大,所以平時是不會載入到頁面的,只在使用放大鏡時調用。
查看原圖
即點擊產品圖片,彈出對應的高清原圖。同樣需要系統保留有該圖片的高清原圖。
如果上傳的就是高清原圖,其它尺寸的圖片均是基於此產生的,就沒問題了。
旋轉功能
需要對一個產品圍繞一個中軸照一個迴圈的照片(如36張),然後迴圈播放每一幀,就有旋轉的效果了。
採用flash或者js來播放都可以。
獨立的展示頁面
可以彈出查看產品圖片的獨立的頁面,這樣由於屏蔽了產品頁面其它資訊,所以圖片的顯示空間更大,可以
提供更豐富的圖片查看功能。
產品SKU的專有圖片
如某款產品有黑、白、紅三種顏色,當選紅色時,圖片列表自動過濾,只顯示紅色款式的圖片。
顧客分享的產品圖片
雖然可以通過曬單來分享顧客自己拍攝的產品使用圖片,但如果讓顧客上傳的圖片用於產品正式的銷售展示圖片呢?
現在不少顧客都擁有較好的攝像裝置,拍出高品質的圖片並不難,如果加上積分等獎勵鼓勵,估計顧客會有興趣分享的。
當然,Amazon.cn 也是想的,所以該網站提供了“共用你的圖片”功能,您可以試用一下。
更多文章請查看本人獨立的電子商務部落格網站:
Craft6.cn 唯心六藝 顏超敏電子商務部落格
B2C電子商務系統研發——產品媒體常見功能點