Question

淘宝店铺里滚动图片之间怎样连接起来

Answer 1

　　在具体回答这个问题之前，有必要给大家普与图片代码、链接代码、滚动代码相关的html知识，和如果获取图片地址、图片大小的方法，再了解这些基本知识后，以上问题基本就会自己解决了。

　　（a）图片代码介绍

　　一个标准的图片代码范例如下：

　　<img src="/images/1111/toplogo.gif" alt="鱼摆摆网店装修网" width="280" height="60"/>

　　其中src="/images/1111/toplogo.gif" 指明图片地址，/images/1111/toplogo.gif代表图片地址，在实际运用中就要在src="图片地址"中填写你自己的图片地址。
　　alt="鱼摆摆网店装修网"中的鱼摆摆图片网店装修网为图片说明，实际运用中修改成你实际的文字即可，这个可有可无，可以省略。
　　width="280" height="60"中的数字分别设置图片的宽度和高度

　　因此一个标准的图片代码格式如下：

　　<img src="图片地址" alt="图片说明文字" width="宽度" height="高度"/>

　　（b）链接代码说明

　　链接一般分为文字链接和图片链接，不过文字链接还是图片链接，其格式都一样：<a href="网页地址">链接内容</a>，其中“链接内容”可以是文字，也可以是图片，也可以是包含文字和图片的表格。

　　1.淘宝中，一个标准的文字链接范例如下：

　　<a href="/html/gonggao/796.html" target="_blank">联系我们</a> ，其中/html/gonggao/796.html为网页链接地址（商品地址），“联系我们”为链接的文字。target="_blank"表示为链接网页在新窗口打开，如果省略该选项这表明链接本窗口打开。

　　因此文字的格式为：<a href="网页地址">文字</a>

　　2.图片的链接范例如下：

　　<a href="/html/gonggao/796.html"><img src="/images/1111/toplogo.gif" alt="鱼摆摆网店装修网" width="280" height="60"/></a>

　　这个代图片链接的html代码现在大家已经看明白了吧？图片链接就是在链接代码中再嵌套了一个图片代码，应该能够自动代码中那个是商品网页地址、那个是图片地址、那个是图片宽度、那个是图片高度了吧？

　　（c）滚动代码说明

　　滚动代码的格式为：<MARQUEE scrollAmount=滚动速度 scrolldelay=停顿时间 direction=方向 behavior=滚动方式 width=宽度 height=高度 loop=循环次数>滚动内容</MARQUEE>

　　1. scrollAmount参数说明：scrollamount 表示运动速度，值是正整数，默认为6

　　2. scrolldelay参数说明：scrolldelay 表示停顿时间，值是正整数，默认为0，单位是毫秒

　　3.direction参数说明：direction 表示滚动的方向，值可以是left，right，up，down，默认为left

　　4.behavior参数说明：behavior 表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（来回滚动），默认为scroll

　　5.loop参数说明：loop 表示循环的次数，值是正整数，默认为无限循环

　　（d）获取图片地址的方法见：

　　川普咖啡教你如何获取图片地址

　　（e）获取图片大小的方法：

　　将图片保存到电脑，然后对着图片点击鼠标右键，选择“摘要”即可得知图片大小。

　　（四）相关回答。

　　（1）图片插在代码里得什么位置。是不是复制图片地址粘贴上去就可以。在代码里用文字表示就很清楚啦。

　　在你将模板下载后，使用Dreamweaver（下载地址见Dreamweaver cs3下载地址）打开“预览.html”文件，鼠标左键单击一张“160X160像素”提示图片

　　然后点击“代码”按钮

　　你会发现该模板中160X160像素图片其实已经添加了图片代码，只是没有添加图片地址和链接地址而已。

　　这时候，如果你已经掌握了html知识，那么直接将该代码补充完整即可。补充后的代码为：

　　<a href="链接地址" target="_blank"><img width="160" height="160" src="图片地址"/></a>（注意：链接地址改为你的商品描述地址，图片地址替换为具体的图片地址）

　　这样你就完成了一个160X160图片链接的编辑工作。同理将其他图片编辑成你自己的图片链接。

　　如果还是对后台目录知识不太理解，那么你在鼠标左键单击图片后，在软件下方一下位置填写好图片地址、高度、宽度、链接地址，也是可以的。

　　（2）促销模板中左右滚动的图片有多大？具体尺寸是多少？如何插入？插在代码里的什么位置？

　　左右滚动图片尺寸为90X90，很抱歉，我们提供模板时没有具体交代。很多时候，模板中的一些图片大小如果你不清楚，建议你采用qq截图的办法，截取该区域图片大小，然后保存该图片，通过上面说的获取图片大小的方法就可以得知一个比较准确的尺寸。如果尺寸不准，你在稍候微调一下即可。

　　模板中左右滚动图片插入、编辑方法如下：

　　如果你已经掌握滚动代码，那么用Dreamweaver打开“预览.html”文件后，点击“代码”按钮，在代码中找到滚动代码的位置，修改图片链接代码即可。如果你对html只是不熟悉，按下面的方法操作：

　　用Dreamweaver打开“预览.html”文件后，鼠标左键单击一张滚动图片，然后设置一下参数即可。

　　（五）安装代码

　　当你把所有的设置完成后，点击“代码”，复制全部代码，然后粘帖到淘宝即可。