图片轮播怎么做_【淘宝店铺装修】淘宝图片轮播图片轮播怎么做

1. 用PS怎么做轮播图片

1、首先启动Photoshop cs5，执行文件-新建命令，新建一个大小为2400*500，分辨率为72，背景颜色为白色的文档。

2、执行文件-打开命令，打开事先准备好的素材图片，裁剪大小为600*500，选择工具箱里的移动工具选择一张拖拽到新建文档中去，设置左对齐。

3、采用同样的方法依次将另外两张图片拖拽到文档中去，并将第一张图片再次拖拽进去，放置在最后面，依次调整他们的位置。

4、选择图层面板中的所有图层，执行ctrl+e组合键进行合并图层操作，选择背景图层，按住ctrl键双击该图层，将其转换为普通图层0.

5、选择工具箱里的裁剪工具，设置大小为600*500，在画布上拖拽后，设置菜单栏中裁剪区域为隐藏。

6、执行窗口-时间轴命令，调出时间轴动画面板，新建一帧，选择工具箱里的移动工具，将图片向左移动，移动到最后一张为止。

7、执行过渡命令，在弹出的过渡对话框中设置要添加的帧为17，其他参数保持不变，点击确定按钮。

8、按住shift键选择时间轴里的所有帧，设置延迟时间为2s，这个时候可以点击时间轴中的播放进行查看效果。

9、执行文件-存储为web和设备所用格式命令，在弹出的对话框中设置格式为gif，颜色为256，点击存储按钮，将文件生成gif动画格式。

10、执行文件-存储为命令，在弹出的对话框中输入名称，保存格式为平时的，保存在一个合适的位置上即可，以便以后修改使用。

2. 请问淘宝店铺首页的轮播大图怎么弄的

1、登录淘宝，点击卖家中心

(2)图片轮播怎么做扩展阅读

使用淘宝助理添加商品时，每隔30分钟上传一个，上网高峰期可将时间调整为10~20分钟，这样操作可获得更多展示机会，让更多用户看到你的商品，从而提高淘宝店铺流量。

在淘宝论坛发布有意义的帖子，例如进货经验、开店感想，吸引论坛用户前来灌水。如果读者产生共鸣，就会与你交流或访问你的网店，达到免费宣传的目的。

3. 图片轮播怎么做

试试这个图片轮播
有12345数字一起切换
有小图大图一起切换
里面有教程和源码

4. HTML中的图片轮播怎么做

可以上jquery插件库这个网站看看，大部分资源是免费的。轮播图也有好多。
bootstrap也提供轮播模板。
自己写的话，假如放3张轮播图，pic1，pic2，pic3。创建一个ul，ul中放5张图片，顺序是pic3，pic1，pic2，pic3，pic1，这样衔接起来。设置ul的宽度是500%，li的宽度是20%，这样图片就能一字排开，设置ul的父元素的样式为overflow:hidden;再用CSS3的动画属性，让li中的图片元素位移或者让ul位移。

5. 【淘宝店铺装修】淘宝图片轮播图片轮播怎么做

操作如下：

到店铺的装修页面：

“上下滚动”和“渐变滚动”这是图片轮播展示方式。

“上下滚动”是图片与图片之间以上下移动的方式切换；

“渐变滚动”是当一张图片在变为模糊时切换成另一张图片。

选择好“切换效果”后，点“保存”。

页面装修首页，在页面右上角，点“发布”。

6. flash图片轮播，如何制作flash图片轮播

首先创建一个flash空白文档，调整舞台大小。

7. html中图片轮播怎么弄


一、数字键控制代码：
<divstyle="position:relative;top:-50px;left:240px;">
<ahref="javascript:show(1)"><spanid="I1"style="width:18px;text-align:left;background:gray">1</span></a>
<ahref="javascript:show(2)"><spanid="I2"style="width:18px;text-align:left;background-color:gray">2</span></a>
<ahref="javascript:show(3)"><spanid="I3"style="width:18px;text-align:left;background-color:gray">3</span></a>
<ahref="javascript:show(4)"><spanid="I4"style="width:18px;text-align:left;background-color:gray">4</span></a>
<ahref="javascript:show(5)"><spanid="I5"style="width:18px;text-align:left;background-color:gray">5</span></a>
<ahref="javascript:show(6)"><spanid="I6"style="width:18px;text-align:left;background-color:gray">6</span></a></div>
<scriptlanguage="javaScript">
varnowIndex=1;
varmaxIndex=6;
functionshow(index)
{
if(Number(index)){
clearTimeout(theTimer);
nowIndex=index;
}
for(vari=1;i<(maxIndex+1);i++){
if(i==nowIndex)
{document.getElementById('pic'+nowIndex).style.display='';
document.getElementById('I'+nowIndex).style.backgroundColor='red';}
else
{document.getElementById('pic'+i).style.display='none';
document.getElementById('I'+i).style.backgroundColor='gray';}
}{
if(nowIndex==maxIndex)
nowIndex=1;
else
nowIndex++;
}
theTimer=setTimeout('show()',3000);
}
</script>
</div>
二、图片自动播放：
<divid="butong_net_left"style="overflow:hidden;width:1000px;">
<tablecellpadding="0"cellspacing="0"border="0">
<tr><tdid="butong_net_left1"valign="top"align="center">
<tablecellpadding="2"cellspacing="0"border="0">
<tralign="center">

8. 网站怎么做图片轮播

有赏是什么赏呢。。。6000财富值也就10块钱而已

O(∩_∩)O~

重要位置都给你做好了代码解释非常完善

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>简单的自动播放</title>
<style>
body{margin:0px;padding:0px;}
#banner{margin:auto;width:600px;height:300px;border:1pxsolid#ddd;position:relative;}
#bannerimg{width:100%;height:100%;}
#xd{position:absolute;right:0px;bottom:0px;}
#xdspan{display:block;float:left;margin-right:10px;margin-bottom:10px;cursor:pointer;}
#xdspan:hover{color:#069;}
.xd1{color:#eee;}
.xd2{color:#069;}
#foot{text-align:center;font-size:14px;}
</style>
</head>
<body>
<divid="banner">
<imgid="imgs"src="images/b1.jpg">
<divid="xd">
<spanclass="xd2">●</span>
<spanclass="xd1">●</span>
<spanclass="xd1">●</span>
<spanclass="xd1">●</span>
<spanclass="xd1">●</span>
<spanclass="xd1">●</span>
</div>
</div>
<divid="foot"><ahref="http://www.boaer.com">柏艾尔</a></div>
<script>
vartimer=setInterval("AutoPlay()",1300);//全局变量，定义定时器，每隔1300毫秒执行一次AutoPlay()函数
varp=1;//全局变量，存储当前播放的第几张图片
varxdspan=document.getElementById("xd").getElementsByTagName("span");//获取xd下的所有span标签
varxdspanlength=xdspan.length;//获取span标签的数量
for(vari=0;i<xdspanlength;i++){
	xdspan.item(i).onclick=function(){//通过for循环为所有span标签添加点击事件
		for(vari=0;i<xdspanlength;i++){//通过for循环为所有span标签设置class="xd1"
			xdspan.item(i).className="xd1";
			}
		this.className="xd2";//设置点击的span标签class="xd2"
		for(vari=0;i<xdspanlength;i++){
			if(xdspan.item(i).className=="xd2"){//通过for循环判断当前点击的是第几个小圆点，然后修改图片地址
				document.getElementById("imgs").src='images/b'+(i+1)+'.jpg';
				p=i+1;////全局变量，存储当前播放的第几张图片，以便从当前图片开始播放下一张图片
				}
			}
		}
	}
functionAutoPlay(){//自动播放函数
	if(p>=7){p=1;}//只有6张图片，当p大于等于7时就从第一张图片开始
	for(vari=0;i<xdspanlength;i++){//通过for循环为所有span标签设置class="xd1"
			xdspan.item(i).className="xd1";
			}
	xdspan.item(p-1).className="xd2";//设置当前播放的span标签class="xd2"
	document.getElementById("imgs").src='images/b'+p+'.jpg';//修改图片地址
	p++;
	}
document.getElementById("banner").onmouseover=function(){clearInterval(timer);}//当鼠标移入轮播区域时，停止自动播放
document.getElementById("banner").onmouseout=function(){timer=setInterval("AutoPlay()",1300);}//当鼠标移出轮播区域时，继续自动播放
</script>
</body>
</html>

width:600px; height:300px

对应的width是宽度 height是高度自行调整即可

9. 淘宝中图片轮播的图怎么制作

你可以在ps里把尺寸放大到轮播所需要的尺寸，淘宝大图一般宽度950像素，高度的话限制不是很多，最好600以下!

导航:首页 > 动漫图片 > 图片轮播怎么做

图片轮播怎么做

(2)图片轮播怎么做扩展阅读

与图片轮播怎么做相关的资料