×

幻灯片代码

网页幻灯片代码?求高手修改这个JS幻灯片代码,我需要图中所示地方添加每个图片文字说明!急

admin admin 发表于2023-01-23 14:55:14 浏览35 评论0

抢沙发发表评论

本文目录

网页幻灯片代码

那是flash不是幻灯片
还有简单点的就是gif图片
迅雷的主页不是静态html,是php的,拷下来的代码没有服务器端信息,所以本地使用是不行的,自己要修改了以后才能用

求高手修改这个JS幻灯片代码,我需要图中所示地方添加每个图片文字说明!急


擦,真操蛋,全js输出.一点好处没有,改的时候也麻烦.懒的调输出了,你自己改吧.
《script》
var widths=646; //设置幻灯片宽度

var heights=416; //设置幻灯片高度
var counts=5; //设置幻灯片数量
//设置图片路径
img1=new Image ();img1.src=’images/home1.jpg’;
img2=new Image ();img2.src=’images/home2.jpg’;
img3=new Image ();img3.src=’images/home3.jpg’;
img4=new Image ();img4.src=’images/home4.jpg’;
img5=new Image ();img5.src=’images/home5.jpg’;
//设置图片的URL
url1=new Image ();url1.src=’#’;
url2=new Image ();url2.src=’#’;
url3=new Image ();url3.src=’#’;
url4=new Image ();url4.src=’#’;
url5=new Image ();url5.src=’#’;
var txt=new Array()
txt=“111111“
txt=“111111“
txt=“111111“
txt=“111111“
txt=“111111“
var nn=1;
var key=0;
function change_img()
{
if(key==0){key=1;}
else if(document.all)
{
document.getElementById(“pic“).filters.Apply();
document.getElementById(“pic“).filters.Play(duration=2);
}
eval(’document.getElementById(“pic“).src=img’+nn+’.src’);
eval(’document.getElementById(“url“).href=url’+nn+’.src’);
eval(’document.getElementById(“txt“).innerHTML=txt[’+nn+’]’);
for (var i=1;i《=counts;i++)
{document.getElementById(“xxjdjj“+i).className=’axx’;}
document.getElementById(“xxjdjj“+nn).className=’bxx’;
nn++;
if(nn》counts){nn=1;}
//设置图片切换间隔时间
tt=setTimeout(’change_img()’,5000);
}
function changeimg(n)
{nn=n;window.clearInterval(tt);change_img();}
document.write(’《style》’);
document.write(’.axx{padding:1px 10px;border-left:#cccccc 1px solid;}’);
document.write(’a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:26px;font:24px sans-serif;background-color:#666;}’);
document.write(’a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:26px;font:24px sans-serif;background-color:#999;}’);
document.write(’.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}’);
document.write(’a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:26px;font:24px sans-serif;background-color:#D34600;}’);
document.write(’a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:26px;font:24px sans-serif;background-color:#D34600;}’);
document.write(’《/style》’);
document.write(’《div style=“width:’+widths+’px;height:’+heights+’px;overflow:hidden;text-overflow:clip;“》’);
document.write(’《div》《a id=“url“》《img id=“pic“ style=“border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)“ width=’+widths+’ height=’+heights+’ /》《/a》《/div》’);
document.write(’《div style=“filter:alpha(style=1,opacity=10,finishOpacity=80);background: #888888;width:100%-2px;text-align:right;top:-26px;position:relative;margin:1px;height:26px;padding:0px;margin:0px;border:0px;“》’);
《table》
《tr》
《td id=txt》《td》
《td》
for(var i=1;i《counts+1;i++)
{
document.write(’《a href=“javascript:changeimg(’+i+’);“ id=“xxjdjj’+i+’“ class=“axx“ target=“_self“》’+i+’《/a》’);
}
《/td》
《/tr》
《/table》
document.write(’《/div》《/div》’);
change_img();
《/script》

网页上图片幻灯片代码

《script type=“text/javascript“》 // 幻灯片式的网页图片滚动函数(不需要做任何改动) function roll_pic_flash(roll_pic_ary) { var w = roll_pic_ary; var h = roll_pic_ary; var text_h = roll_pic_ary; var bgcolor = roll_pic_ary; var roll_swf = roll_pic_ary; var swf_height = h + text_h; var pics = roll_pic_ary.join(“|“); var links = roll_pic_ary.join(“|“); var texts = roll_pic_ary.join(“|“); return ’《object classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000“ codebase=“

织梦首页怎么添加幻灯片代码,求详解过程和代码,3Q

其实幻灯片是 调用后台 添加“幻灯”属性的文章的图片,当然你不调用也是可以的,就把他写死;
找到下面这段代码:
{dede:arclist flag=’f’ row=’5’} (这行 删除掉)
linkarr[[field:global.autoindex/]](显示 数量,一个写1) = “[field:arcurl/]“;这是你 需要 链接的地址;
picarr[[field:global.autoindex/]] (显示 数量,一个写1)= “[field:litpic/]“;这是你的图片路径
{/dede:arclist}(删除掉)
2个需要在写一遍;比如:
linkarr(显示 数量,一个写1) = “[field:arcurl/]“;这是你 需要 链接的地址;
picarr (显示 数量,一个写1)= “[field:litpic/]“;这是你的图片路径
linkarr(显示 数量,一个写1) = “[field:arcurl/]“;这是你 需要 链接的地址;
picarr (显示 数量,一个写1)= “[field:litpic/]“;这是你的图片路径
3个甚至更多 是同样的道理

什么代码能让幻灯片产生特殊效果

可以实现的,同一个图,一张大图,一张小图。设置动画,点击小图,让小图消失,大图出现。点击大图,让大图消失,小图出现,这个动画会设置吧,
要是旋转就比较难了。因为在旋转的过程中没有办法改变图的大小,(图在旋转的过程中,靠后的慢慢变小。近前的慢慢变大)。可能要用到编程才能实现。
要是不要求变换,可以自定义2个圆形的路径,让大图小图同步沿着路径移动就可以

网上提供的html幻灯片代码如何使用

开发者必用:F12或者安装bug查件!

去懒人图库等一些站长用的工具里找到幻灯片的图片,

使用方法:

  • 使用方法:

1、在head区域引入样式表文件lrtk.css,js/pe.kenburns/themes/default/skin.min.css

2、在head区域引入jquery-1.5.2.min.js和js/pe.kenburns/jquery.pixelentity.kenburnsslider.min.js

3、初始化

《script》

jQuery(function($){

$(“.peKenBurns“).peKenburnsSlider({externalFont:true})

})

《/script》

4、在你的网页中加入《!-- 代码 开始 --》《!-- 代码 结束 --》注释区域代码即可

JS幻灯片,请看代码!

slideList = [’./images/slide/zc/m1.jpg’];这是一个数组的写法,
slideList = [’./images/slide/zc/m1.jpg’,’./images/slide/zc/m1.jpg’,’./images/slide/zc/m1.jpg’];
多张就加多个路径,中间用逗号隔开

一个幻灯片的代码

以下代码调试通过,能够正取运行,至少在我的IE7下保证没有任何问题:
《script language=“JavaScript“》
var imgshow=[’PIC_0849.jpg’,’PIC_1833.jpg’,’PIC_2085.jpg’,’PIC_5922.jpg’];
document.write(’《p》《img id=xxx src=“’+imgshow+’“》《/p》’);
for (i in imgshow) document.write(’《img src=“’+imgshow[i]+’“ width=100 onclick=“xxx.src=\’’+imgshow[i]+’\’;“》’);
《/script》
补充:
你的ASP把图片存入了两个数组里面:
dim imgname(),imgurl()
现在把这数组imgurl()的内容转换为JAVASCRIPT的数组定义形式:
imgurl_str=join(imgurl,“’,’“)
你知道现在imgurl_str的内容是什么吗,不明白的话,可以response.write看看,其内容是这样的:
a.gif’,’b.gif’,’c.gif
这样,现在就可以提交给JS了,方法是把我给你的JS语句中下面这句:
var imgshow=[’PIC_0849.jpg’,’PIC_1833.jpg’,’PIC_2085.jpg’,’PIC_5922.jpg’];
修改为:
var imgshow=[’《%=imgurl_str%》’];

需要简单的幻灯代码!

javascript就可以
《IMG src=“、images/beijing1.jpg“ border=0 name=myImg width=“132“ height=“90“》
《SCRIPT language=JavaScript》
start();
var imgNum=1;
function start(){
if (imgNum==1) {
document.myImg.src=“/images/beijing1.jpg“;
imgNum=2;
} else if (imgNum==2) {
document.myImg.src=“/images/beijing2.jpg“;
imgNum=3;
} else if (imgNum==3) {
document.myImg.src=“/images/beijing3.jpg“;
imgNum=4;
} else if (imgNum==4) {
document.myImg.src=“/images/beijing4.jpg“;
imgNum=5;
} else if (imgNum==5) {
document.myImg.src=“/images/beijing5.jpg“;
imgNum=6;
} else if (imgNum==6) {
document.myImg.src=“/images/beijing6.jpg“;
imgNum=7;
} else if (imgNum==7) {
document.myImg.src=“/images/beijing7.jpg“;
imgNum=8;
} else if (imgNum==8) {
document.myImg.src=“/images/beijing8.jpg“;
imgNum=9;
} else if (imgNum==9) {
document.myImg.src=“/images/beijing9.jpg“;
imgNum=10;
} else if (imgNum==10) {
document.myImg.src=“/images/beijing10.jpg“;
imgNum=11;
} else if (imgNum==11) {
document.myImg.src=“/images/beijing11.jpg“;
imgNum=1;
}
setTimeout (“start()“, 2500);
}
《/SCRIPT》

哪位好心人能否给我写个简单js的幻灯片代码,三个文件(HTML,CSS,JS)我是初学者,一张图片


《body onLoad=“setScrollPic()“ leftmargin=“0“ topmargin=“0“》
《script language=“JavaScript1.2“》
《!--
//格式调用
transeffect = 0;
theeffects = new Array(24);
theeffects = “盒状收缩“;
theeffects = “盒状向外“;
theeffects = “圆形收缩“;
theeffects = “圆形向内“;
theeffects = “从下向上“;
theeffects = “从上向下“;
theeffects = “从左向右“;
theeffects = “从右向左“;
theeffects = “百页窗形向右“;
theeffects = “百页窗形向下“;
theeffects = “棋盘形交叉向右“;
theeffects = “棋盘形交叉向下“;
theeffects = “随意溶解形“;
theeffects = “左右向内“;
theeffects = “左右向外“;
theeffects = “上下向内“;
theeffects = “上下向外“;
theeffects = “条纹状向左下“;
theeffects = “条纹状向左上“;
theeffects = “条纹状向右下“;
theeffects = “条纹状向右上“;
theeffects = “解水平状“;
theeffects = “溶解上下状“;
theeffects = “随着溶解“;
//格式完成
//图片参数
var myImages = new Array(6);//加图片要修改这儿
for(i=0;i《myImages.length;i++){
myImages[i] = new Image();
}
myImages.src = “images/ch02.jpg“;
myImages.src = “images/ch03.jpg“;
myImages.src = “images/ch04.jpg“;
myImages.src = “images/ch05.jpg“;
myImages.src = “images/ch06.jpg“;
myImages.src = “images/ch07.jpg“;
lastImageNum = 0 ;
function setScrollPic(){
if(lastImageNum》=myImages.length) lastImageNum = 0 ;
document.all.ioriPic.filters.item(0).Apply();
document.all.ioriPic.filters.item(0).Transition = transeffect;
document.all.ioriPic.filters.item(0).Play(2.0);
document.all.ioriPic.src=myImages[lastImageNum].src
transeffect++;
if (transeffect == 24)
transeffect = 0;
lastImageNum++;
window.setTimeout(“setScrollPic()“,4000);
}
//图片完成
--》
《/script》
《img src=“images/ch01.jpg“ name=“ioriPic“ width=“1024“ height=“768“ style=“FILTER: revealTrans(Duration=3.0,Transition=1)“》