如何把圖片添加到滾動圖

㈠ 怎麼在背景圖片裡面添加滾動圖片

先找到喜歡的滾動圖片----右鍵---屬性（復制下來）QQ空間---自定義---新建模塊---FLASH模塊,把屬性粘貼到地址欄里,---更多設置---三個都打上勾勾,保存就好
如果幫助到您，請記得採納為滿意答案哈，謝謝！祝您生活愉快！
參考資料：
http://vae.la

㈡ QQ空間里，怎樣把自己的圖片添加到FLASH滾動的模塊里啊、

QQ空間立體旋轉FLASH模塊生成工具：http://www.24fzl.com/qq/rotateii/

一些製作空間必須知道的資源，我整理出來了一些，喜歡有自己空間的人可以去用下：

粉絲身份證：http://id.igogo8.com
製作印章：http://www.makepic.com/print.php
郵址圖片生成：http://www.makepic.com/email.php
條形碼生成：http://www.makepic.com/barcode.php
Kiss學堂 頒發結業證：http://www.makepic.com/kiss/cert.php
生成頭像：http://www.eoool.com/ImageDIY/DIYChooseImg.aspx?ImgSize=96x96x1
郵件：http://www.eoool.com/Sevice.aspx?TypeID=1
聊天圖標：http://www.eoool.com/Sevice.aspx?TypeID=2
博客圖標：http://www.eoool.com/Sevice.aspx?TypeID=3
網路書簽：http://www.eoool.com/Sevice.aspx?TypeID=5
朋友圈：http://www.eoool.com/Sevice.aspx?TypeID=4
按扭：http://www.eoool.com/Sevice.aspx?TypeID=11
生成拼湊圖：http://blog.outer-court.com/letters/
生成幾種卡通人物對話動態圖片：http://tools.fodey.com/generators/animated/talking_squirrel.asp
香煙盒生成，可以做警告圖片：http://tools.fodey.com/generators/cigarette_packet/generator.cig
幾個許願模塊：
1.綠色許願樹風格 http://www.7qzone.com/wish/wish.swf
2.粉色四葉草風格 http://www.7qzone.com/wish/wish-lucky.swf
3.藍色女神風格 http://www.7qzone.com/wish/wish-blue.swf
4.粉色DDUNG寶貝風格 http://www.7qzone.com/wish/wish-dng.swf
5.黑白新版許願樹風格 http://www.7qzone.com/wish/wish-wishtree.swf
支持多種域名的Email圖標的生成：http://www.nhacks.com/email/
兩個地址支持兩種風格任意文本的Email圖標的生成：
http://sagittarius.dip.jp/~toshi/cgi-bin/designmail/designmail.html
http://sagittarius.dip.jp/~toshi/cgi-bin/catmark/catmark.html
在線favicon生成器：http://www.html-kit.com/e/favicon.cgi
支持各種類型圖片的生成，可以選擇設置的條件非常靈活：http://www.abi-station.com/tchinese/
支持大量中文字體簽名圖標生成：http://www.youmade.com/font/
Flickr雜志封面生成器：http://flagrantdisregard.com/flickr/magazine.php

Flickr Logo風格圖片生成器：http://flickr.nosv.org/
按鈕生成網站：
http://kalsey.com/tools/buttonmaker/
http://www.lucazappa.com/brilliantMaker/buttonImage.php
http://www.feedforall.com/public/rss-graphic-tool.htm
http://www.kalsey.com/tools/buttonmaker/
http://www.yugatech.com/make.php
http://www.hkwebs.net/catalog/tools/buttonmaker/index.php
Email圖標生成網站：
http://email.playtime.uni.cc/
http://services.nexodyne.com/email/
http://gizmo967.mgs3.org/Gmail/
http://www.hkwebs.net/catalog/tools/gmail/
http://sagittarius.dip.jp/~toshi/cgi-bin/designmail/designmail.html
http://www.eoool.com/
Logo生成網站：
http://phorum.com.tw/Generator.aspx
http://www.logoyes.com/lc_leftframe.htm
http://cooltext.com/Default.aspx
Banner圖片製作網站：http://www.bannerbreak.com/index.php
在線圖片生成網站：
http://www.streetsigngenerator.com/
http://www.letterjames.de/
圖片分割器：http://www.html-kit.com/e/is.cgi
立體圖片生成器：http://www.chami.com/html-kit/services/imge/
圖片生成郵票:：http://photo.stamps.com/PhotoStamps/?source=si00001331
個性拼圖：http://www.jigcool.com/jigonline/jigonline1_sc.php
印章製作：http://caishu.sina.com.cn/
韓國身份證的生成以及驗證：http://www.udeng.com/images/hanguo.htm
GIF圖片的文字LOGO在線生成：http://www.3dtextmaker.com/cgi-bin/3dtext.pl
在線製作logo,bannar的網站：http://www.crazystudy.com
SAINT.Assess the Security of Computer Networks：http://www.saintcorporation.com/saint/
Abacus.Intrusion Prevention System：http://www.psionic.com/abacus/
Firewall Generator（在線生成簡單的防火牆腳本）：http://www.citadec.com/FirewallGenerator.html
身份證號碼在線生成器：http://i972.net/~gen/
在線字體圖片生成：http://www.youmade.com/font/
中外破解補丁和注冊機在線求救：http://hmay.qq.topzj.com/
在線生成條碼列印：
http://www.027hc.com/y1.asp
http://www.nlscan.com/soucecentre/demo.asp
http://www.gzbonny.com/asp/barcode.asp
在線圖形特效生成：http://www.chami.com/
聊天工具在線狀態生成器：http://www.onlinestatus.org/forum/usage.php

個性簽名圖/閃字在線生成
http://zfwlpt.go1.icpcn.com/qqzone/qqcz.htm
變色貼彩字轉換工具
http://zfwlpt.go1.icpcn.com/qqzone/qqcolor.htm
漢字簡體/繁體在線轉換工具
http://zfwlpt.go1.icpcn.com/qqzone/QQhanzi.htm
上傳FLASH的是
http://www.52blog.net
http://www.blogbus.com
碩思閃客精靈 V3.3下載地址：http://www.skycn.com/soft/6444.html
FLASH8軟體下載地址：http://www.chinadzz.com/html/xz/rj/713.html
FLASH MX 2004下載地址：http://www.skycn.com/soft/7755.html

㈢ ps怎麼讓圖片滾動

圖片滾動，這屬於動畫的范圍，使用PS製作動圖，其原理，就像電影膠片一樣，它是由若干個幀組成的，這若干個幀的連續播放，就構成了一個完整的動作鏈條。
在PS中，圖層就是動畫的幀，所以，製作動畫的實質，就是製作若干個幀，舉個例子，要讓圖片向右移動1厘米，那麼，可以製作成把圖片向右移動1毫米、2毫米、3毫米，一直到10毫米，這10個幀的連續播放，就構成了圖片向右移動1厘米的連續的過程，其中，每次移動的量越少，也就是幀越多項，動作的連貫性就越好。

㈣ 如何把很多張照片做成可以滾動播放的圖片

最近，有小夥伴留言問：滾動式且能無限循環的照片展示在PPT中如何實現？那麼，今天我們就一起來學習製作方法吧！
首先，我們看一下效果：
具體操作方法為：
（1）首先，在PPT中插入需要循環滾動展示的照片，然後調整大小及高度後將照片分為兩組（註：也可以使用兩組相同的照片），再按Ctrl+G鍵編組。
（2）將其中一組照片放於頁面右側對齊，再次組合。
（3）選擇圖片，點擊【動畫】-【高級動畫】-【添加動畫】按鈕，在彈出的列表框中選擇「其他動作路徑」命令，打開「添加動作路徑」對話框，在「直線與斜線」欄中選擇「向左」動作路徑，單擊「確定」按鈕。
（4）按住Shift鍵的同時，使用滑鼠調整紅圓點路徑，將其與頁面左側頁邊對齊。
（5）點擊【動畫】-【高級動畫】-【動畫空格】按鈕，打開「動畫窗格」任務窗口，單擊動畫右側的下拉按鈕，在彈出的菜單中選擇「效果選項」命令，打開「效果」對話框，將「平滑開始」和「平滑結束」均設置為「0」，然後選擇「計時」選項卡，在「開始」下拉列表中選擇「與上一動畫同時」選項，在」重復「下拉列表中選擇」直到幻燈片末尾「選項，單擊」確定「按鈕。
（6）在【動畫】-【計時】組中設置持續時間為」05.00「控制照片滾動的速度，得到效果如下圖所示。
此時，你會發現照片滾動效果並不是我們需要的無限循環滾動效果，還需繼續進行設置。
（7）選擇照片，按Ctrl+Shift鍵，將這組圖片復制一組放於右側對齊。
（8）再次播放，即得到循環滾動的效果。最後，我們在照片上方和下方分別添加兩個橢圓形，然後選擇形狀，點擊【格式】-【形狀樣式】組中的」形狀填充「按鈕，為形狀設置白色，點擊」形狀輪廓「按鈕，在彈出的菜單中選擇」無輪廓「命令去除輪廓線，最後點擊」形狀效果「按鈕，在彈出的菜單中選擇【陰影】-【內部：下】和【內部：上】效果，為橢圓形分別添加向下和向上陰影。
（9）放映一下，我們來看一看最終效果。
是不是有種電影片頭花絮的感覺，動手練習下吧！
＊＊＊＊部落窩教育－ppt循環滾動特效製作＊＊＊＊
原創：部落窩教育（未經同意，請勿轉載）

㈤ 如何把很多張照片做成可以滾動播放的圖片

1、雙擊打開愛剪輯軟體，在開始頁面設置作品和作者的名稱。

㈥ 怎麼樣在一整張圖片中插入一段滾動圖片代碼

文字不能插在滾動圖片上的 只有用軟體把文字加在圖片上但文字可以放到圖片下面 與圖片一起滾動ASP動態語言 這種代碼是:<!--最新圖文代碼開始--><% set rs=server.createobject("adodb.recordset") sql="Select top 10 * from pic order by sentdate desc" rs.open sql,conn,1,3 if not rs.EOF then%> <!--定義第一個ID:demo--><div align='center' id='demo' style='overflow:hidden;height:125px;width:545px;'> <table width="157" height="42" border="0"> <!--第一個table--> <tr> <!--定義第二個ID:demo--> <td width="147" id='demo1'> <table width="147" height="39" border="0"> <!--第二個table--> <tr> <% '-------------------循環開始 while not rs.EOF %> <td width="200" height="35"> <table width="131" border="0"> <!--第三個table--> <tr> <td width="125"><div align="center"><a href='jj' target=_blank ><img border="0" height="100" src=<%=rs("content")%> width="100" alt="<%=rs("title")%>"></a></div></td> </tr> <tr> <td><div align="center"><a href='<%=rs("content")%>>' target=_blank title='<%=rs("title")%>'><%=rs("title")%></a></div></td> </tr> </table> </td> <% rs.MoveNext wend '-------------------循環結束 %> </tr> </table> </td> <td width="43" valign=top id=demo2></td> </tr> </table></div><script>var Picspeed=15demo2.innerHTML=demo1.innerHTMLfunction Marquee1(){if(demo2.offsetWidth-demo.scrollLeft<=0)demo.scrollLeft-=demo1.offsetWidthelse{demo.scrollLeft++}}var MyMar1=setInterval(Marquee1,Picspeed)demo.onmouseover=function() {clearInterval(MyMar1)}demo.onmouseout=function() {MyMar1=setInterval(Marquee1,Picspeed)}</script> <%else Response.Write "暫 無 最 新 圖 文"end ifrs.closeset rs=nothing%><!--最新圖文代碼結束-->

㈦ html如何設置圖片滾動

你說的應該是輪播圖吧，這需要配合JavaScript知識。給你具體代碼：（圖片自己更換）

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>heartmv.com</title>
<style>
* {
margin: 0;
padding: 0
}

html {
font-size: 15px;
}

.box {
width: 50rem;
height: 32rem;
border: 3px dashed red;
margin: 15px 0;
position: relative;
left: 50%;
top: 5%;
transform: translate(-50%, 0);
overflow: hidden;
}

.box>ul {
width: 500%;
height: 32rem;
position: absolute;
}

.box>ul>li {
width: 50rem;
height: 32rem;
list-style: none;
float: left;
}

.box li img {
width: 50rem;
height: 32rem;
}

.box>ol {
position: absolute;
left: 50%;
bottom: 15px;
transform: translate(-50%, 0);
}

.box>ol>li {
width: 1.5rem;
height: 1.5rem;
list-style: none;
margin-left: 15px;
float: left;
border-radius: 1.5rem;
background: rgba(191, 0, 3, 0.5);
cursor: pointer;
}

.box>ol>li.now {
width: 3rem;
}

.box span {
color: #00f;
display: none;
width: 6rem;
text-align: center;
height: 32rem;
line-height: 32rem;
font-size: 5rem;
position: absolute;
top: 0;
cursor: pointer;
}

.box span:hover {
background: rgba(110, 110, 110, 0.3);
}

.box>.spanL {
left: 0;
}

.box>.spanR {
right: 0;
}
</style>
</head>

<body>
<div class="box">
<ul>
<li>
<a href="javascript:;">
<img src="images/game_001.jpg" alt="輪播圖">
</a>
</li>
<li>
<a href="javascript:;">
<img src="images/game_002.jpg" alt="輪播圖">
</a>
</li>
<li>
<a href="javascript:;">
<img src="images/game_003.jpg" alt="輪播圖">
</a>
</li>
<li>
<a href="javascript:;">
<img src="images/game_004.jpg" alt="輪播圖">
</a>
</li>
</ul>

<!--輪播圖指示圖標-->
<ol>
<li class="now"></li>
<li></li>
<li></li>
<li></li>
</ol>

<!--向左向右圖標-->
<span class="spanL">‹</span>
<span class="spanR">›</span>
</div>

<script>
var box = document.querySelector('.box');
var ul = document.querySelector('ul');
var ol = document.querySelector('ol');
var spanL = document.querySelector('.spanL');
var spanR = document.querySelector('.spanR');
//滑鼠移入時向左、向右圖標顯示
box.addEventListener('mouseenter', function() {
spanL.style.display = 'block';
spanR.style.display = 'block';
//停止定時器
clearInterval(timer);
})
//滑鼠移出時向左、向右圖標隱藏
box.addEventListener('mouseleave', function() {
spanL.style.display = 'none';
spanR.style.display = 'none';
//運行定時器
timer=setInterval(function(){
//調用向右運動事件
spanR.click();
},3000);
})
//動畫函數
function run(obj, target, callback) { //obj指運動的對象，target指目標運動距離，callback指回調函數
clearInterval(obj.timer);
obj.timer = setInterval(function() {
if (obj.offsetLeft === target) {
clearInterval(obj.timer);
//回調函數要等到定時器函數運行結束才能運行
if (callback) { //若存在回調函數就調用
callback();
};
} else {
//設置動畫的步長值變數bc，使運行速度逐漸變小
var bc = (target - obj.offsetLeft) / 10 > 0 ? Math.ceil((target - obj.offsetLeft) / 10) : Math.floor((target -
obj.offsetLeft) / 10);
obj.style.left = obj.offsetLeft + bc + 'px';
};
}, 15);
}
//要實現無縫滾動，需要將第一張輪播圖復制並添加到最後(注意：ul的寬度也要相應增加)
var imglast = ul.children[0].cloneNode(true);
ul.appendChild(imglast);
var num = 0; //代替輪播圖的序號
var num2 = 0; //代替輪播圖指示圖標的序號
var lis = ol.children.length;
var flag = true; //此變數用於阻止快速點擊時導致運動過快的情況
//點擊向右圖標，向右運動
spanR.addEventListener('click', function() {
if (flag) {
flag = false;
if (num === ul.children.length - 1) { //注意num的判斷條件必須寫在num++的前面
num = 0;
ul.style.left = 0;
}
num++;
//輪播圖指示圖標
for (var i = 0; i < lis; i++) {
ol.children[i].className = '';
}
num2++;
if (num2 === lis) {
num2 = 0;
}
ol.children[num2].className = 'now';
//調用運動函數
run(ul, -num * ul.children[0].offsetWidth, function() {
flag = true;
});
}
})
//點擊向左圖標，向左運動
spanL.addEventListener('click', function() {
if (flag) {
flag = false;
if (num === 0) {
num = ul.children.length - 1;
ul.style.left = -num * ul.children[0].offsetWidth + 'px';
}
num--;
//輪播圖指示圖標
for (var i = 0; i < lis; i++) {
ol.children[i].className = '';
}
num2--;
if (num2 < 0) {
num2 = lis-1;
}
ol.children[num2].className = 'now';
//調用運動函數
run(ul, -num * ul.children[0].offsetWidth, function() {
flag = true;
});
}
})
//點擊指示圖標定點陣圖片
for(var i=0; i<lis; i++){
ol.children[i].index=i; //獲取循環對象的下標號
ol.children[i].addEventListener('click', function(){
run(ul, -this.index*ul.children[0].offsetWidth);
for(var j=0; j<lis; j++){
ol.children[j].className='';
};
this.className='now';
num=num2=this.index;
})
}
//設置定時器
var timer=setInterval(function(){
//調用向右運動事件
spanR.click();
},3000);
</script>
</body>
</html>

效果圖如下：

㈧ 怎樣把很多圖片放到桌面讓它滾動播放

win7系統可以自己設置，不需要下什麼軟體。
在桌面單擊右鍵有個「個性化」，進去以後有個「桌面背景」進去以後有個「圖片位置」，圖片位置盤有個「瀏覽」你直接指定你那個圖片的文件夾就可以了。提醒一下你還要設置一下「更改圖片時間間隔」win7默認的是30分鍾，設置這個間隔也在你指定圖片位置的一個界面內。

㈨ 如何將背景圖片插入到滾動條裡面

CSS背景圖片不滾動的方法<STYLE TYPE=」text/css」><!–BODY {background-image: URL(圖片地址);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}–></STYLE>CSS改變滾動條顏色在CSS的BODY里輸入：Scrollbar-Face-Color為滾動條表面顏色設定；
Scrollbar-Track-Color為滾動條底板顏色設定；
Scrollbar-Darkshadow為滾動條下邊和右邊邊沿顏色設定；
Scrollbar-Highlight-Color為滾動條上斜面和左斜面顏色設定；
Scrollbar-Shadow-Color為滾動條下斜面和右斜面顏色設定；
Scrollbar-3Dlight-Color為滾動條上邊和左邊的邊沿顏色設定；
Scrollbar-Arrow-Color為滾動條兩端箭頭顏色設定。
例子：<style type=」text/css」>body {scrollbar-face-color: #333333;
scrollbar-shadow-color: #808080;
scrollbar-highlight-color: #333333;
scrollbar-3dlight-color: #808080;
scrollbar-darkshadow-color: #333333;

㈩ 如何在網頁製作中將圖片設置為滾動

1、素材的准備。為了更好的表現網站的風格和特色，具備一些更富表現力和吸引力的圖片是必不可少的；