1、怎麼讓圖片自動播放
一是:如何全屏瀏覽圖片?為了達到最好的瀏覽效果,相信大家都希望像看電影一樣,能夠全屏觀看圖片。當雙擊查看某一圖片時,單擊滑鼠右鍵,分別勾選「FullScreen(全屏)」「Zoom Best Fit(最合適的大小)」和「ZoomLock(鎖定大小)」即可。二是:如何設置自動翻頁間隔時間?這個在教學過程中經常遇到。老師在講課過程中,為了方便,設置間隔時間,讓圖片輪回自己播放。自動播放的菜單為「Slide Show(放映幻燈片)」。在「Tools(工具)下的Options(選項)下的Slide Show(放映幻燈片)標簽頁」設置圖片自動播放的時間間隔,單位為:milliseconds(毫秒)。如Delay:5 milliseconds。
2、網頁圖片如何自動播放
看來你說的那個網站很實現,要重新寫網站程序才可以
,
叫負責做你們網站的技術員搞一好了,
最好的就是這個辦法了,如果非要你自己動手的話該說的樓上都說了.......
3、網頁圖片怎樣自動播放
<TABLE
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid"
cellSpacing=0 cellPadding=0 width=750 align=center border=0>
<TBODY>
<TR>
<TD>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top><table width="1710" height="116" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="171" background="images/pic_bg.jpg"><div align="center">1</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">
<p>2</p>
</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">3</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">4</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">5</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">6</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">7</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">8</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">9</div></td>
<td width="171" background="images/pic_bg.jpg"><div align="center">10</div></td>
</tr>
</table></TD>
<TD id=demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed3=25//速度數值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR></TABLE>
4、網頁圖片自動播放
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link type='text/css' rel='stylesheet' href='http://www.css88.com/demo/Animate Image/style3.css' />
<script type="text/javascript" src="http://www.css88.com/demo/Animate Image/sliderIMG3.js"></script>
<title>Slider view Images</title>
<script>
window.onload = function(){
sliderIMG.create('imageFlow',{count:8, speed:5, auto:true,timer:5000});
}
</script>
</head>
<body>
<div id='imageFlow'>
<div class='top'></div>
<div class='bank'>
<ul class='imageList'>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/0.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/1.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/2.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/3.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/4.jpg' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/5.JPG' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/6.JPG' /></a></li>
<li><a href='#'><img src='http://www.css88.com/demo/Animate Image/images/7.JPG' /></a></li>
</ul>
</div>
<div class='mainOpacity'></div>
<div class='leftOpacity'></div>
<div class='rightOpacity'></div>
<div class='scrollbar'>
<span class='currentScroll'></span>
</div>
</div>
<div id='content'>
<h3>使用方法:</h3>
<p>sliderIMG.create('DIVid',{count:*, speed:*, auto:*, timer:*}); </p>
<br />
<pre>必須參數: count ----> 數字類型, 圖片數量;
可選參數:
speed ----> 數字類型, 滾動速率, 默認為:5;
auto ----> 布爾類型, 設置自動滾動, 為true則自動, 反之不自動, 默認為: false;
timer ----> 數字類型, 設置每個幾秒自動滾動一次, 默認為: 5000ms = 5s;
</pre>
</div>
</body>
</html></font>
<a href="http://js.alixixi.com/">歡迎訪問阿里西西網頁特效代碼站,js.alixixi.com</a>
5、網頁製作中如何讓圖片自動切換播放
和要用到腳本語言了 稍微有點麻煩 網上有現成的 要是樓主需要我可以給樓主發一個
6、網頁中圖片自動播放問題
<STYLE type=text/css>
/* 數字按鈕框樣式 */
#imgTitle {FILTER:ALPHA(opacity=70);position:relative;left:0px;text-align:left;overflow: hidden;}
#imgTitle_up {left:0px;text-align: left; height:1px; width:inherit; }
#imgTitle_down {left:0px;text-align: right; width:inherit; }
/* 圖片框樣式 */
.imgClass {border: 0px solid #000;}
/* 圖片文字框樣式 */
#txtFrom {text-align: center;vertical-align: middle; color:#333333}
/* 數字按鈕樣式 */
.button {text-decoration: none; float:left; height:12px; line-height:12px; padding-left:7px; padding-right:6px;background: #7B7B63;margin: 0px;font: bold 9px sans-serif; border-left:#fff 1px solid;}
a.button, a.button:link, a.button:visited {font-family: sans-serif;text-decoration: none;color:#FFFFFF;background-color: #000000;}
a.button:hover {font-family: sans-serif;text-decoration: none;color:#fff;background:#fff; }
.buttonDiv {background: #000000;height: 1px;width: 21px;float: left;text-align: center; vertical-align: middle;}
/*漸變*/
.trans { width:88px; height:12px; overflow:hidden}
</STYLE>
<SCRIPT language=JavaScript type=text/javascript>
var imgWidth=200; //圖片寬
var imgHeight=200; //圖片高
var textFromHeight=21; //焦點字框高度 (單位為px)
var textStyle="bt_link"; //焦點字class style (不是連接class)
var textLinkStyle="FONT"; //焦點字連接class style
var buttonLineOn="#ce0609"; //button下劃線on的顏色
var buttonLineOff="#000"; //button下劃線off的顏色
var TimeOut=5000; //每張圖切換時間 (單位毫秒);
var imgUrl=new Array();
var imgLink=new Array();
var imgtext=new Array();
var imgAlt=new Array();
var adNum=0;
var theTimer=0;
var tt=1;
//焦點字框高度樣式表 開始
document.write('<style type="text/css">');
document.write('#focuseFrom{width:'+(imgWidth+2)+';margin: 0px; padding:0px;height:'+(imgHeight+textFromHeight)+'px; overflow:hidden;}');
document.write('#txtFrom{height:'+textFromHeight+'px;line-height:'+textFromHeight+'px;width:'+imgWidth+'px;overflow:hidden;}');
document.write('#imgTitle{width:'+imgWidth+';top:-'+(textFromHeight+12)+'px;height:18px}');
document.write('</style>');
document.write('<div id="focuseFrom">');
//焦點字框高度樣式表 結束
tt=1;
imgUrl[tt] =' http://photo11.yupoo.com/20070914/094501_125123402_m.jpg ';
imgtext[tt]=' 預展車輛一';
imgLink[tt]='http://www.webjx.com';
imgAlt[tt]=' 04年黑色桑塔納(頂配) ';
tt=2;
imgUrl[tt] = ' http://photo11.yupoo.com/20070914/094501_388274639_m.jpg ';
imgtext[tt]=' 預展車輛二 ';
imgLink[tt]='http://www.webjx.com';
imgAlt[tt]='05年白色捷達CIF ';
tt=3;
imgUrl[tt] =' http://photo11.yupoo.com/20070914/094502_1829849379_m.jpg';
imgtext[tt]=' 預展車輛三 ';
imgLink[tt]='http://www.webjx.com';
imgAlt[tt]=' 04年黑色桑塔納3000 ';
tt=4;
imgUrl[tt] =' http://photo5.yupoo.com/20070914/094502_951676657_m.jpg';
imgtext[tt]='預展車輛四 ';
imgLink[tt]='http://www.webjx.com';
imgAlt[tt]=' 04年黑色桑塔納(頂配) ';
var intPage =0;
for (var i=1;i<=imgUrl.length;i++)
{
if (imgUrl[i]!="!!!")
{
intPage++;
}
}
function changeimg(n)
{
adNum=n;
window.clearInterval(theTimer);
adNum=adNum-1;
nextAd();
}
function goUrl(){
window.open(imgLink[adNum],'_blank');
}
//NetScape開始
if (navigator.appName == "Netscape")
{
document.write('<style type="text/css">');
document.write('.buttonDiv{height:4px;width:21px;}');
document.write('</style>');
function nextAd(){
if(adNum<(intPage-1))adNum++;
else adNum=1;
theTimer=setTimeout("nextAd()", TimeOut);
document.images.imgInit.src=imgUrl[adNum];
document.images.imgInit.alt=imgAlt[adNum];
document.getElementById('focustext').innerHTML=imgtext[adNum];
document.getElementById('link'+adNum).style.background=buttonLineOn;
document.getElementById('imgLink').href=imgLink[adNum];
for (var i=1;i<=intPage;i++)
{
if (i!=adNum){document.getElementById('link'+i).style.background=buttonLineOff;}
}
}
document.write('<a id="imgLink" href="'+imgLink[1]+'" target=_blank class="p1"><img src="imgUrl[1]" name="imgInit" border=1 alt="'+imgAlt[1]+'" class="imgClass"></a><div id="txtFrom"><span id="focustext" class="'+textStyle+'">'+imgtext[1]+'</span></div>')
document.write('<div id="imgTitle">');
document.write('<div id="imgTitle_down">');
//數字按鈕代碼開始
for(var i=1;i<intPage;i++){document.write('<a href="javascript:changeimg('+i+')" class="button" style="cursor:hand" title="'+imgAlt[i]+'">'+i+'</a>');}
//數字按鈕代碼結束
document.write('</div>');
document.write('</div>');
document.write('</div>');
nextAd();
}
//NetScape結束
//IE開始
else
{
var count=0;
for (i=1;i<intPage;i++) {
if( (imgUrl[i]!="") && (imgLink[i]!="")&&(imgtext[i]!="")&&(imgAlt[i]!="") ) {
count++;
} else {
break;
}
}
function playTran(){
if (document.all)
document.images.imgInit.filters.BlendTrans.play();
}
var key=0;
function nextAd(){
if(adNum<count)adNum++ ;
else adNum=1;
if( key==0 ){
key=1;
} else if (document.all){
//imgInit.filters.revealTrans.Transition=6;
document.images.imgInit.filters.BlendTrans.apply();
playTran();
}
document.images.imgInit.src= imgUrl[adNum];
document.images.imgInit.alt=imgAlt[adNum];
document.getElementById('link'+adNum).style.background=buttonLineOn;
for (var i=1;i<=count;i++)
{
if (i!=adNum){document.getElementById('link'+i).style.background=buttonLineOff;}
}
focustext.innerHTML=imgtext[adNum];
//links_ie_font.links=imglink[adNum];
theTimer=setTimeout("nextAd()", TimeOut);
}
document.write('<a target=_self href="javascript:goUrl()"><img style="FILTER: BlendTrans ( ration=1 );" src="javascript:nextAd()" border=0 vspace="0" name=imgInit class="imgClass"></a>');
document.write('<div id="txtFrom"><a target=_self href="javascript:goUrl()"><span id="focustext" class="'+textStyle+'"></span></a></div>');
document.write('<div id="imgTitle">');
document.write(' <div id="imgTitle_down"> <a class="trans"" style="float:left"><img src="http://www.webjx.com/upfiles/20070726/20070726203802_3.gif" border=0></a>');
//數字按鈕代碼開始
for(var i=1;i<intPage;i++){document.write('<a id="link'+i+'" href="javascript:changeimg('+i+')" class="button" style="cursor:hand" title="'+imgAlt[i]+'" onFocus="this.blur()">'+i+'</a>');}
//數字按鈕代碼結束
document.write('</div>');
document.write('</div>');
document.write('</div>');
changeimg(1);
}
//IE結束
</SCRIPT>
你試試這個!
7、在web開發中,怎麼使圖片自動播放?
雖然不清楚你問的圖片指的是啥,但是如果是動態圖片,那就是gif格式的圖片就好了,如果是圖片切換,你可以試試一種叫做走馬燈的組件插件,比如swiper,如果你想自己寫一個,那你可以用settimeout之類的方法使用定時切換達到相應的效果
8、利用Adobe Dreamweaver 製作網頁時,怎樣讓製作的圖片自動播放?
可以用浮動框架,把圖片放在一個網頁文件中。在在這個網頁中加入自動跳轉頁面的代碼/(以秒為單位的)在在主頁面的中浮動框架中調用這個圖片的專頁就行了。很簡單的