导航:首页 > 动漫图片 > dw图片怎么设置成自动播放

dw图片怎么设置成自动播放

发布时间:2022-09-11 21:58:31

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

给你一个简单的,将代码放到<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(ration=0.9)';
else this.css.filter= 'blendTrans(ration=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(ration=0.6)'; // Loads the windows 9.x filters mole.
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>

② 在DW中插入背景音乐怎么让它循环播放

1、首先打开电脑上的DW软件,点击新建菜单下的“html”,新建一个网页空白界面。

③ dreamweaver如何实现让几张照片自动播放,当鼠标点击时也可以播放!

dreamweaver如何实现图片鼠标点击自动播放操作如下:

<html>
<styletype="text/css">
img{
width:200px;
height:200px;
}
</style>
<scriptlanguage="JavaScript"type="text/javascript">
functionfn(n){
varnextn;
if(n==3){nextn=1;}
else{nextn=n+1;}
document.getElementById("img"+n).style.display="none";
document.getElementById("img"+nextn).style.display="block";
}
</script>
<imgid="img1"src="0.jpg"onclick="fn(1)"style="display:block;"/>
<imgid="img2"src="1.jpg"onclick="fn(2)"style="display:none;"/>
<imgid="img3"src="2.jpg"onclick="fn(3)"style="display:none;"/>
</html>

将图片换成所需要插入图片的真实路径即可。

④ dw怎么做图片轮播

dw做图片轮播步骤如下:

1、首先打开你的dw,按快捷键ctrl+n创建一个新的网页。

⑤ 怎么在dreamweaver里实现图片播放

1、打开dw,先将页面背景颜色改为黑色,满足对美观的要求,可以设置为自己喜欢的颜色,点击页面属性即可更改背景颜色。

⑥ dw图片查看器怎么设置自动播放

把代码贴出来,,不然不好说

⑦ DW里面想做图片自动轮播切换的效果,求教!!

用flash做好轮切效果够 ,在DW中插入-媒体-flash,即可

⑧ dw中怎么样才能让图片自动播放

网上下载图片滚动代码,或者做个FLASH,可以联系我,我远程教你

⑨ DW里怎么做图片自动播放

是做个简单的相册?
漂亮的Flash动画人人喜欢,不过制作起来的确有一些技术难度。你知道吗,Dreamweaver作为一个网页制作工具,还可以创建好玩的Flash相册。

插入Flash元素

运行Dreamweaver,点击菜单“插入”→“媒体”→“图像查看器”,系统会自动弹出“保存Flash元素”对话框,键入保存的文件名,例如:“Photo.swf”,点击“保存”按钮完成。

现在一个Flash元素就被插入网页中了,为满足实际需要,下面我们需要进行简单的参数设置。鼠标点击编辑窗口中的“Flash元素”,在属性面板中重新设置动画的宽、高值为实际所需。

Flash元素参数设置

下面我们还需要设置“Flash元素”的参数,为Flash相册指定调用的图片、设置相册外观。点击菜单“窗口”→“标签检查器”,现在我们可以Dreamweaver右栏中看到一个“Flash元素”面板。

这里可供选择的参数很多,下面我们主要讲几个基本的设置值。

imageURLs,该值用于设置调用的图片位置,我们一般将调用的图片放在同保存的“Photo.swf”文件同一文件夹为佳。鼠标点击imageURLs项目的值,系统自动在参数右侧增加“编辑数组值”按钮,点击进入。

进入“编辑"imageURLs"数组对话框”,系统默认内置了三组数值,我们可以点击“+”号增加新的数值,每一组的数值同需要调用的图片文件名一一对应即可。

其它“Flash元素”的参数设置方法基本同上,下面我们列一下几个重要的参数:

imageLinks,设置点击每张图片后访问的网址。

showControls,定义是否显示Flash相册的播放控制按钮。

slideAutoPlay,定义Flash相册是否自动播放。

transitionsType:定义Flash相册过渡效果的类型,默认为随机效果:Random。

title、titleColor、titleFont、titleSize:添加自定义的相册标题、颜色、字体、大小等值。

frameShow、frameThickness、frameColor:用于定义Flash相册是否有边框及边框宽度、颜色值。

注:Dreamweaver会在保存相册的文件夹中自动生成一个Scripts文件夹,上传网页时要记住一起上传。

⑩ DW里怎么做图片自动播放

漂亮的Flash动画人人喜欢,不过制作起来的确有一些技术难度。你知道吗,Dreamweaver作为一个网页制作工具,还可以创建好玩的Flash相册。 插入Flash元素 运行Dreamweaver,点击菜单“插入”→“媒体”→“图像查看器”,系统会自动弹出“保存Flash元素”对话框,键入保存的文件名,例如:“Photo.swf”,点击“保存”按钮完成。 现在一个Flash元素就被插入网页中了,为满足实际需要,下面我们需要进行简单的参数设置。鼠标点击编辑窗口中的“Flash元素”,在属性面板中重新设置动画的宽、高值为实际所需。 Flash元素参数设置 下面我们还需要设置“Flash元素”的参数,为Flash相册指定调用的图片、设置相册外观。点击菜单“窗口”→“标签检查器”,现在我们可以Dreamweaver右栏中看到一个“Flash元素”面板。 这里可供选择的参数很多,下面我们主要讲几个基本的设置值。 imageURLs,该值用于设置调用的图片位置,我们一般将调用的图片放在同保存的“Photo.swf”文件同一文件夹为佳。鼠标点击imageURLs项目的值,系统自动在参数右侧增加“编辑数组值”按钮,点击进入。 进入“编辑"imageURLs"数组对话框”,系统默认内置了三组数值,我们可以点击“+”号增加新的数值,每一组的数值同需要调用的图片文件名一一对应即可。 其它“Flash元素”的参数设置方法基本同上,下面我们列一下几个重要的参数: imageLinks,设置点击每张图片后访问的网址。 showControls,定义是否显示Flash相册的播放控制按钮。 slideAutoPlay,定义Flash相册是否自动播放。 transitionsType:定义Flash相册过渡效果的类型,默认为随机效果:Random。 title、titleColor、titleFont、titleSize:添加自定义的相册标题、颜色、字体、大小等值。 frameShow、frameThickness、frameColor:用于定义Flash相册是否有边框及边框宽度、颜色值。 注:Dreamweaver会在保存相册的文件夹中自动生成一个Scripts文件夹,上传网页时要记住一起上传。

阅读全文

与dw图片怎么设置成自动播放相关的资料

热点内容
实拍女生生殖器图片 浏览:885
女生长发卷发图片学生 浏览:795
苹果手机相册如何避免重复图片 浏览:385
美女泳裤图片 浏览:723
迷你小空调价格及图片 浏览:903
word中如何修改图片的形状 浏览:568
美女胸特图片 浏览:17
捣文字图片 浏览:29
可爱wifi图片大全 浏览:686
2021最潮男生图片 浏览:631
男生头像图片帅气动漫头像 浏览:181
黑色波浪卷发型图片大全 浏览:888
今年最流行什么样的衣服图片 浏览:767
固化word图片 浏览:834
word里怎么替换图片 浏览:154
给定图片如何修改 浏览:275
灯相图片及价格 浏览:375
酒窝的男生图片 浏览:746
qq发表图片怎么有我的水印 浏览:474
感人文字图片大全 浏览:593