当前位置:编程学习 > C#/ASP.NET >>

asp.net3.5新手求教

asp.net中怎样实现图片的动态自动切换。 --------------------编程问答-------------------- 这个一般用javascript实现。 --------------------编程问答-------------------- 谁能给个代码呀! --------------------编程问答-------------------- c#中有IMagelist,.net中有无相似的控件。 --------------------编程问答-------------------- setTimeout
控制图片显示 。
--------------------编程问答-------------------- 去google一下跑马灯,应该有很多
JQuery插件也不少,具体看需求 --------------------编程问答-------------------- 方法一:图片轮换时利用revealTrans滤镜产生转换效果: 

<img src="face/face1.gif" id="turn" width="200" 
style="filter:revealTrans(duration=1)"> 
<script> 
var obj,first,total,cn,delay=2000 
function window.onload(){ 
     obj=document.getElementById("turn")     //捕获ID为turn的对象 
     first=1                          //第一张图片的路径信息 
     total=18                         //最后一张图片的路径信息 
     cn=1                             //当前显示的图片路径信息 
     setTimeout("change()",delay/2) 
//delay/2毫秒后执行change()函数 

function change(){ 
     url="face/face"                  //图片路径的前部分 
     suffix=".gif"                    //图片的扩展名 
     if(cn<total)                //如果当前图片数字小于最后一张的图片数字 
        url+=(cn+=1)+suffix          //cn自增1,并连接字符串得到url 
//否则如果当前图片数字等于最后一张的图片数字,即轮换到最后一张时 
     else if(cn==total) 
//cn重调为first(第一张图片),并且连接字符串得到url 
        url+=(cn=first)+suffix 
     with(obj.filters.revealTrans){ 
        apply()               //捕获对象内容的初始显示,为转换做必要的准备 
//revealTrans滤镜的转换效果,0到22为23种效果, 
//23为23种效果的随机一种 
        transition=23 
        obj.src=url                    //设置图片的路径 
        play()                          //开始转换。 
     } 
     setTimeout("change()",delay)//delay毫秒后再次执行change()函数 

</script> 


方法二:利用wipe滤镜进行左右擦洗式轮换 

<img src="face/face1.gif" id="turn" width="200" 
style="filter:progid:DXImageTransform.Microsoft.Wipe(GradientSize=.5, wipeStyle=0, motion=’forward’)"> 
<script> 
var obj,first,total,cn,delay=2000 
function window.onload(){ 
     obj=document.getElementById("turn")//捕获ID为turn的对象 
     first=1                          //第一张图片的路径信息 
     total=18                         //最后一张图片的路径信息 
     cn=1                             //当前显示的图片路径信息 
     setTimeout("change()",delay/2)//delay/2毫秒后执行change()函数 

function change(){ 
     url="face/face"                  //图片路径的前部分 
     suffix=".gif"                    //图片的扩展名 
     if(cn<total)   //如果当前图片数字小于最后一张的图片数字 
        url+=(cn+=1)+suffix          //cn自增1,并连接字符串得到url 
//否则如果当前图片数字等于最后一张的图片数字,即轮换到最后一张时 
     else if(cn==total) 
//cn重调为first(第一张图片),并且连接字符串得到url 
        url+=(cn=first)+suffix 
     with(obj.filters[0]){ 
        apply()               //捕获对象内容的初始显示,为转换做必要的准备 
        duration=delay/1000//设置转换完成所用的时间为delay/1000秒 
//用这个方法实现左右互换擦除的效果 
        motion={reverse:’forward’,forward:’reverse’}[motion] 
        obj.src=url        //设置图片的路径 
        play()             //开始转换。 
     } 
     setTimeout("change()",delay)//delay毫秒后再次执行change()函数 

</script> 

注意:图片名必须带有数字规律,而且扩展名一致。 
提示:方法二的左右擦洗轮换的详细实现过程主要是依靠自定义对象的简略式写法。假设motion的当前值为"reverse",则 

         motion={reverse:’forward’,forward:’reverse’}[motion] 

         相当于 

         motion={reverse:’forward’,forward:’reverse’}["reverse"] 

         即 

         motion="forward" 

         如果motion的当前值为"forward",则 

         motion={reverse:’forward’,forward:’reverse’}[motion] 

         相当于 

         motion={reverse:’forward’,forward:’reverse’}["forward"] 
        
即 

         motion="reverse" 

所以motion的值就在"reverse"和"forward"之间不断轮换 
特别提示 
方法一的代码运行后,face文件夹下的图片face1.gif到face18.gif将从第一张到最后一张每两秒轮换一次,并且每次轮换的转换效果是23种转换效果里的随机一种。方法二的代码运行后,除了转换的效果是左右轮换式的擦洗效果,其它情况同方法一。: 
        图片轮换的图片文件名通常是有规律的序列,比如说是从1到N,然后设置定时器,每隔一段时间换一张图片,图片文件名作为一个自加变量,在轮换完后再从头开始。另外在任意两张图片的轮换时还会有一些转换的过渡效果,这个主要依靠转换滤镜来实现。 
--------------------编程问答-------------------- 这种效果? --------------------编程问答-------------------- http://www.360doc.com/content/10/0630/13/1962217_36088863.shtml --------------------编程问答-------------------- url="face/face" //图片路径的前部分,是什么意思,我试了,只能显示一张,我放了五张。 --------------------编程问答-------------------- 是相对路径还是绝对路径,我这里只能显示一张图片 --------------------编程问答-------------------- 用javascript实现
网上很多现成的,百度或者google

http://www.zcool.com.cn/gfx/ZMTMxNjU2.html --------------------编程问答-------------------- 是焦点图切换么 用JQUERY吧 --------------------编程问答-------------------- http://d.lanrentuku.com/down/js/jiaodiantu-813/

这个? --------------------编程问答--------------------
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,