• 一个切片,就能让一个宝贝图片有N个链接

  • 2013-07-30 11:48:51

    大海报的中间部分,也就是自定义的那张图片能不能在不同的地方添加不同的连接?的确是有很多同学都需要这样的功能的,因为中间的图片非常大,如果能够加上几个不同的链接的话,那大海报的功能就完全发挥出来了.

    今天我也把这方法整理了下,,再跟大家分享,如果大家有哪一个步骤不懂的话,大可问我哈.

     

    第一步,找出大海报放中间的那个自定义模块里的那一张图.

    我们要把它切成若干小块,但又不失美观.

    打开photoshop,我们要用到PS的切片工具.这里有必要说一下,免安装的绿色版本的PS,是有切片工具的功能,但保存不了,保存切片的选项为保存为WEB所用格式”,这个选项是为灰色的,是不可选取项.刚开始小编素素也为之郁闷,后来才明白绿色版本是取消了这个功能的.所以,各位亲们请去下载完整安装版本吧.

     

     第二步:分析切片位置与数量.

     

     

     这一张图,是要添加七个不同的链接的,我们就把它切成七块吧.因为切多了比较费时间,或者有亲们更喜欢美观又不兼时间长的话,可以切成更多的小块.

     第二步.开始切片.

     选择切片工具,在需要切片的地方左键拖动到合适的位置松开左键即可完成切片动作.

     

     如果要在01切片里那划分切片的话,有两种方法:

     第一种方法:01切片上右键选择划分切片.

     

     第二种方法:切换切片选择工具后,选择上面菜单选项按钮-划分.

     以上两种方法都可以调出划分切片选项窗口的哦.

     在这个划分切片的选项窗口里,可以选择水平划分,也可以垂直划分.我们选择垂直划分为,我们输入2.平均划分为2个切片,预览当中就可以看见,多了个02号切片了,我们点确定.

    用同样的方法,依此类推.我们可以切割出第一步时分析的七个切片,因为我们只加7个链接,切成七块就可以了.每一个切片都会有一个序号的,而且是从左到右的排序方式.

     我们选择文件-"储存为WEB和设备所用格式".弹出如下图储存选项.

     

     我们要的只是图片,所以我们选择JPEG格式,品质为最佳-100,其它选项都不用管,下面也可以看见切片总和图片的高度与宽度.我们选择存储.

     我们先暂存在桌面,文件名为:a20121027.点了确定之后会发现桌面上多了一个images文件夹,打开文件夹里面正是我们切出来的七个图片.文件名为:a20121027_01.jpg的格式.

     这七张图片就是我们所需要的七个链接的图片,我们上传到自己的图片空间里头.

     

     第三步:安装到自定义模块里面.

     在自定义内容区里,仍然选择不显示标题.

     我们把刚刚上传的七张图片按顺序插入到自定义内容区当中,间距必须选择零.每一张图片都添加不同的链接地址.点确定.

     

     这里需要提醒注意的是,七张图片中,上传的顺序不能乱,而且每张图片都是必须紧接着的,中间不能存在空格或者回车,因为两张图片的宽度加起来是刚刚好950像素的,,多了

    一个空格或者ENTER,就会出现显示错乱.

    编辑好之后我们点确定,按发布就能看见效果了,七个链接,我们可以自己试着点击下哦.

     

     

    这种切片的方法好处就是远看是只有一张图片,其实是由若干个小图片组成,这样我们就达到了不同区域添加不同链接的目的.如果要添加更多的链接,我们就切成更多的小图片,方法都是一样的.这样既保持了大海报的美观,又不浪费资源,很不错吧.这个切片的方法同样适用宝贝详情装修里面哦,比如制作关联营销模块,切片工具那是最适合使用的工具了.还有宝贝详情页页尾部分,也是有需要在图片的不同区域添加不同链接的.所以,亲们都掌握好来吧,希望能够帮到大家~

    >> 查看更多相似文章

    推荐阅读

    ©Copyright ©2007-2016 www.kaitao.cn (开淘网) All Rights Reserved