怎样在dreamweaver中让图片自动播放

我有几张图片，想让它像幻灯片一样播放，具体要怎么做呢

举报该文章

相关建议 2013-10-28

给你一个简单的,将代码放到<body>区域就可以了.<style type=text/css>
#divScroller1 { HEIGHT: 101px; OVERFLOW: hidden; POSITION: absolute; WIDTH: 146px; Z-INDEX: 9; visbility: visible}
.dynPage { COLOR: black; FONT-FAMILY: arial,helvetica,sans-serif; FONT-SIZE: 12px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; Z-INDEX: 10}
</style>
<script language=JavaScript type=text/javascript>
function lib_bwcheck(){ //Browsercheck (needed)
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=this.agent.indexOf("Opera 5")>-1
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf("Mac")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
}
var bw=new lib_bwcheck()/*** variables to configure... ***/var numScrollPages = 4 //Set the number of pages (layers) here.
var transitionOut = 1; //The 'out' effect... 0= no effect, 1= fade
var transitionIn = 1; //The 'in' effect... 0= no effect, 1= fade, 2= slide
var slideAcceleration = 0.2; //If you use the slide animation, set this somewhere between 0 and 1.if(document.layers){ //NS4 resize fix...
scrX= innerWidth; scrY= innerHeight;
onresize= function(){if(scrX!= innerWidth || scrY!= innerHeight){history.go(0)} }
}
function scrollerobj(obj,nest){
nest = (!nest)?"":'document.'+nest+'.'
this.elm = bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):document.getElementById(obj)
this.css = bw.ns4?this.elm:this.elm.style
this.doc = bw.ns4?this.elm.document:document
this.obj = obj+'scrollerobj'; eval(this.obj+'=this')
this.x = (bw.ns4||bw.opera5)?this.css.left:this.elm.offsetLeft
this.y = (bw.ns4||bw.opera5)?this.css.top:this.elm.offsetTop
this.w = (bw.ie4||bw.ie5||bw.ie6||bw.ns6)?this.elm.offsetWidth:bw.ns4?this.elm.clip.width:bw.opera5?this.css.pixelWidth:0
this.h = (bw.ie4||bw.ie5||bw.ie6||bw.ns6)?this.elm.offsetHeight:bw.ns4?this.elm.clip.height:bw.opera5?this.css.pixelHeight:0
}
//object methods...
scrollerobj.prototype.moveTo = function(x,y){
if(x!=null){this.x=x; this.css.left=x}
if(y!=null){this.y=y; this.css.top=y}
}
scrollerobj.prototype.moveBy = function(x,y){this.moveTo(this.x+x,this.y+y)}
scrollerobj.prototype.hideIt = function(){this.css.visibility='hidden'}
scrollerobj.prototype.showIt = function(){this.css.visibility='visible'}/****************************************************************/var onlineormyefile = 1;
var activePage = null;
var busy = 0;
function activate(num){
if (activePage!=pages[num] && !busy){
busy = 1;
if (transitionOut==0 || !bw.opacity){ activePage.hideIt(); activateContinue(num); }
else if (transitionOut==1) activePage.blend('hidden', 'activateContinue('+num+')');
}
}
function activateContinue(num){
busy = 1;
activePage = pages[num];
activePage.moveTo(0,0);
if (transitionIn==0 || !bw.opacity){ activePage.showIt(); busy=0; }
else if (transitionIn==1) {
activePage.blend('visible', 'busy=0');
}
else if (transitionIn==3) { activePage.slide(0, slideAcceleration, 40, 'busy=0'); }
//==== 调用变换过程====
startshow(num)
}//============ 变换设置 ==========
function startshow(num){
if (num == 1)
{ num = 2; }
else
if (num == 2)
{ num = 3; }
else
if (num == 3)
{ num = 4; }
else
if (num == 4)
{ num = 1; }
setTimeout('activate('+num+')',1000);
}scrollerobj.prototype.blend= function(vis, fn){
if (bw.ie5||bw.ie6 && !bw.mac) {
if (vis=='visible') this.css.filter= 'blendTrans(duration=0.9)';
else this.css.filter= 'blendTrans(duration=0.6)';
this.elm.onfilterchange = function(){ eval(fn); };
this.elm.filters.blendTrans.apply();
this.css.visibility= vis;
this.elm.filters.blendTrans.play();
}
else if (bw.ns6 || bw.ie&&!bw.mac){
this.css.visibility= 'visible';
vis=='visible' ? this.fadeTo(100, 7, 40, fn) : this.fadeTo(0, 9, 40, fn);
}
else {
this.css.visibility= vis;
eval(fn);
}
};
var pageslidefadeLoaded = 0;
function initPageSlideFade(){
scroller1 = new scrollerobj('divScroller1');

pages = new Array();
pages[0] = null;
for (var i=1; i<=numScrollPages; i++){
pages[i] = new scrollerobj('dynPage'+i, 'divScroller1');
pages[i].moveTo(0,0);
}
bw.opacity = ( bw.ie && !bw.ie4 && navigator.userAgent.indexOf('Windows')>-1 ) || bw.ns6
if (bw.ie5||bw.ie6 && !bw.mac) pages[1].css.filter= 'blendTrans(duration=0.6)'; // Loads the windows 9.x filters module.
activateContinue(1); //if (bw.ie) for(var i=0;i<document.links.length;i++) document.links[i].onfocus=document.links[i].blur;
pageslidefadeLoaded = 1;
}
//if the browser is ok, the script is started onload..
if(bw.bw && !pageslidefadeLoaded) onload = initPageSlideFade;
</script>
//修改下面的图像地址和大小
<div id=divScroller1>
<div class=dynPage id=dynPage1><img src="../../image/11.gif" width="146" height="101"></div>
<div class=dynPage id=dynPage2><img src="../../image/12s.gif" width="146" height="101"></div>
<div class=dynPage id=dynPage3><img src="../../image/13.gif" width="146" height="101"></div>
<div class=dynPage id=dynPage4><img src="../../image/15.gif" width="146" height="101"></div>
</div>

温馨提示：内容为网友见解，仅供参考

当前网址：https://aolonic.com/aa/345akkgw1gw13wwna1.html

其他看法

第1个回答推荐于2016-06-16

DW中实现图片自动播放，就是marquee标签的运用

第2个回答 2013-10-28

可以用FIREWORKS做帧动画GIF 网上有大把教程也可以用JS+CSS脚本控制图片以幻灯片显示百度JS 图片幻灯片效果

DW里怎么做图片自动播放
运行Dreamweaver，点击菜单“插入”→“媒体”→“图像查看器”，系统会自动弹出“保存Flash元素”对话框，键入保存的文件名，例如：“Photo.swf”，点击“保存”按钮完成。现在一个Flash元素就被插入网页中了，为满足实际需要，下面我们需要进行简单的参数设置。鼠标点击编辑窗口中的“Flash元素”，在属性面板...

怎么在dreamweaver里实现图片播放
1、打开dw，先将页面背景颜色改为黑色，满足对美观的要求，可以设置为自己喜欢的颜色，点击页面属性即可更改背景颜色。2、插入一个2行1列的表格，如图所示，猜菜单栏上执行：插入表格，打开插入表格对话框，将表格宽度设置为700像素。3、看到表格已经插入好了，接着选中表格第一行，插入一个图片，如图所...

如何在dreamweaver里制作照片滚动
在第一个表格中，点击插图媒体图像查看器。输入图像查看器的名称。调整图像查看器适当的大小。点击播放，看到没有放置图片的状态。插入图片。选中图像查看器，发现窗口的右侧出现flash元素设计，点击图像地址栏，打开编辑数组窗口，分别插入图片，点击+或-可以增加或减少图片。点击F12可以预览，发现图像查看器已...

dreamweaver如何实现让几张照片自动播放,当鼠标点击时也可以播放!
dreamweaver如何实现图片鼠标点击自动播放操作如下：img{width: 200px;height: 200px;}function fn(n){var nextn;if(n==3){nextn=1;}else{nextn=n+1;}document.getElementById("img"+n).style.display="none";document.getElementById("img"+nextn).style.display="block";}...

dreamweaver 多幅图片,如幻灯片一样自动播放的,是怎么做的
第一步是要给每张幻灯片设置好播放自动控制,就是不能设为单击播放.第二就是要保存为自动播放.

dreamweaver如何实现下面这个轮番播放图片的功能功能,不用代码直接操作...
1、轮播效果一般通过javascript的settimeout函数定时运行图片切换，用dw可以实现 2、不写代码法也是行的，在你的浏览器上按文件->另存为->网页\/全部->点击保存 3、dw打开保存下来的htm文件，在设计版面中点击该轮播处，转至效果代码，然后把代码复制下来，然后用通配符，搜索图片格式(*.jpg,*.bmp或*...

在dreamweaver怎样点一下图片就能播放视频
你可以打开flash,然后把视频文件导入到flash中，最后导出影片即可。补充：你也可以直接用Active x 插件 --- 你可以用dreamweaver中的插入ActiveX插件功能播放.wmv、.avi、.mpg等格式的视频。方法：1。常用面板中插入一个ActiveX插件，并调整大小 2。选中ActiveX插件，在属性面板中的classid中输入如下代码（...

Dreamweaver8制作的网页中如何实现多幅图片自动循环播放(幻灯片),需要...
Dreamweaver8制作的网页中如何实现多幅图片自动循环播放(幻灯片),需要详细步骤,不要搜索来的答案,谢我用flash元素查看器做,可是预览时只有查看器没有图片(直接打开却是没有问题),flash文件和网页文件都放在一个文件夹里。... 我用flash元素查看器做,可是预览时只有查看器没有图片(直接打开却是没有问题),flash...

网页设计中如何让图片轮播
这样的，在Dreamweaver 8中你做的网页上，比如你要给下载地址，代码是下载地址，就是说你把那几个文字加上链接，链接是你的软件的地址，我说明白了把1、首先在网上找个免费的网络硬盘。我网站上有网络硬盘链接地址；2、免费申请成为用户3、把文件上传到网络硬盘上，每次上传他都会给你个下载地址。要...

dreamweaver中怎么让插入的照片动起来?
把你的鼠标指针放在你想插入的地方.在"插入"里选"媒体"中的"图像查看器"出来一个对话框,写一个名字将其保存.完成后会在你插入的地方出现一个"F"的类似与你插入的Flash的样式.你选中他,这时会在你右边的"应用程序"下面自动出现一些值,你对其设置,你就可以预览到它动的效果,一幅接着一幅....

相似回答

大家正在搜