如何在淘宝模板中插入图片链接?滚动图片如何

时间:2022-09-14 | 标签: | 作者:Q8 | 来源:网络

小提示:您能找到这篇{如何在淘宝模板中插入图片链接?滚动图片如何}绝对不是偶然,我们能帮您找到潜在客户,解决您的困扰。如果您对本页介绍的如何在淘宝模板中插入图片链接?滚动图片如何内容感兴趣,有相关需求意向欢迎拨打我们的服务热线,或留言咨询,我们将第一时间联系您!

编者按:很感谢淘宝掌柜“愚昧口香糖  ”的提问及建议,这篇文章将主要回答如何在淘宝模板中插入图片链接的相关问题。如有不懂或者说的不相信的地方,欢迎大家留言告诉我们,我们将继续改进。

(一)问题背景

本问题针对的模板为“”

(二)愚昧口香糖的相关提问

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

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

(3)代码里你们网站的地址是否要修改,修改成什么?

(4)还有就是在代码里的什么地方插入商品的描述?也就是链接。

(5)请问160*160哪里的图片是怎么弄上去啊?

(三)基础知识,新手必看(建议新手朋友多看几遍本段文字)



在具体回答这个问题之前,有必要给大家普与图片代码、链接代码、滚动代码相关的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参数说明:scrolla北京房地产朋友圈微信广告mount 表示运动速度,值是正整数,默认为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(下载地址见)打开“预览.html”文件,鼠标左键单击一张“160X160像素”提示图片

然后点击“代码”按钮

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

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

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

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

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

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

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

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

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

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

(五)安装代码

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

如何在淘宝模板中插入图片链接?滚动图片如何

上一篇:淘宝店标超过80k怎么办? 教你使用fireworks压缩图
下一篇:淘宝模板中滚动文字和图片代码格式详细说明


版权声明:以上主题为“如何在淘宝模板中插入图片链接?滚动图片如何"的内容可能是本站网友自行发布,或者来至于网络。如有侵权欢迎联系我们客服QQ处理,谢谢。
相关内容
扫码咨询
    如何在淘宝模板中插入图片链接?滚动图片如何
    打开微信扫码或长按识别二维码

小提示:您应该对本页介绍的“如何在淘宝模板中插入图片链接?滚动图片如何”相关内容感兴趣,若您有相关需求欢迎拨打我们的服务热线或留言咨询,我们尽快与您联系沟通如何在淘宝模板中插入图片链接?滚动图片如何的相关事宜。

关键词:淘宝模板,插入图片,图片链

关于 | 业务 | 案例 | 免责 | 隐私
客服邮箱:545321@QQ.com
电话:400-021-1330 | 客服QQ:545321
沪ICP备12034177号 | 沪公网安备31010702002418号