圖片輪播怎麼做_【淘寶店鋪裝修】淘寶圖片輪播圖片輪播怎麼做

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)圖片輪播怎麼做擴展閱讀

與圖片輪播怎麼做相關的資料