热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

B2C电子商务系统研发——产品媒体常见功能点

本文阐述了产品媒体常见功能点,包括支持多种格式、支持多图、多尺寸、水印、放大镜、查看原图、旋转、独立的展示页面、产品SKU专有图片和顾客分享的产品图片等,

产品媒体常见功能点

电商研发系列——产品媒体常见功能点

  1. 支持图片、视频和文档等媒体类型

    产品图片对清晰度要求比极高,但又不能太大,所以图片一般是jpg格式。

    视频一般是flv流媒体格式,如果是嵌入产品详细描述的视频,可以是优酷、youTube等视频网站的视频。

    文档一般是pdf格式,用途多是帮助文档。

  2. 需要支持多张图,其中一张为主图

  3. 支持生成多种尺寸的图片

    在不同的页面需要不同的尺寸,而这不能通过css直接设置高度宽度来控制,因为这样将导致整个页面太大,

    降低页面访问速度,用户体验会很差。所以需要在图片上传时同时自动生成需要的尺寸的多张缩略图。

  4. 多缩略图的显示和切换处理

    常见的是在页面左上部位显示图片,图片下面是一行缩略图。切换有鼠标点击切换和自动切换两种,自动

    切换功能慎用,至少不能是默认的方式,可以提供一个复选框让用户勾选是否自动切换。

  5. 图片水印

    为了防止盗图,网站的图片需要加上水印,这同样是在图片上传时进行处理的。

  6. 图片放大镜功能

    用于前台产品页面,鼠标移到产品图片上,会局部放大图片的该区域。这个功能除了js外,还需要系统保存
    该图片的高清源图。这个源图由于尺寸很大,所以平时是不会加载到页面的,只在使用放大镜时调用。

  7. 查看原图

    即点击产品图片,弹出对应的高清原图。同样需要系统保留有该图片的高清原图。
    如果上传的就是高清原图,其它尺寸的图片均是基于此生成的,就没问题了。

  8. 旋转功能

    需要对一个产品围绕一个中轴照一个循环的照片(如36张),然后循环播放每一帧,就有旋转的效果了。
    采用flash或者js来播放都可以。

  9. 独立的展示页面

    可以弹出查看产品图片的独立的页面,这样由于屏蔽了产品页面其它信息,所以图片的显示空间更大,可以

    提供更丰富的图片查看功能。

  10. 产品SKU的专有图片

    如某款产品有黑、白、红三种颜色,当选红色时,图片列表自动过滤,只显示红色款式的图片。

  11. 顾客分享的产品图片

    虽然可以通过晒单来分享顾客自己拍摄的产品使用图片,但如果让顾客上传的图片用于产品正式的销售展示图片呢?

    现在不少顾客都拥有较好的摄像设备,拍出高质量的图片并不难,如果加上积分等奖励鼓励,估计顾客会有兴趣分享的。
    当然,Amazon.cn 也是想的,所以该网站提供了“共享你的图片”功能,您可以试用一下。

    ,           

更多文章请查看本人独立的电子商务博客网站:
Craft6.cn 唯心六艺 颜超敏电子商务博客

B2C电子商务系统研发——产品媒体常见功能点


推荐阅读
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文介绍了C#中数据集DataSet对象的使用及相关方法详解,包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成,以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读,读者可以了解到DataSet对象在C#中的重要性和使用方法。 ... [详细]
  • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • Mac OS 升级到11.2.2 Eclipse打不开了,报错Failed to create the Java Virtual Machine
    本文介绍了在Mac OS升级到11.2.2版本后,使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题,并提供了解决方法。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 本文讲述了作者通过点火测试男友的性格和承受能力,以考验婚姻问题。作者故意不安慰男友并再次点火,观察他的反应。这个行为是善意的玩人,旨在了解男友的性格和避免婚姻问题。 ... [详细]
  • 本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用,包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • 后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
  • 《数据结构》学习笔记3——串匹配算法性能评估
    本文主要讨论串匹配算法的性能评估,包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库,可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n),通过随机取出长度为m的子串作为模式P,在文本T中进行匹配,统计平均复杂度。对于成功和失败的匹配分别进行测试,分析其平均复杂度。详情请参考相关学习资源。 ... [详细]
  • 本文介绍了通过ABAP开发往外网发邮件的需求,并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定,可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度:184字。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
author-avatar
闫小芽_209
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有