Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[疑难] 请问幻灯的js代码如何修改

[复制链接]
tonn 发表于 2008-4-20 02:37:48 | 显示全部楼层 |阅读模式
下面是include/js/slide.js文件
修改后的slide.js内容如下。


document.write("<style type=\"text/css\">#slidearea { width:" + xsImgSize[0] + "px; height:" + xsImgSize[1] + "px; overflow: hidden; margin: 0 auto; text-align: center;background: #000000; } #slidefooter {width:" + xsImgSize[0] + "px; } </style>")
document.write("<div id=\"slidearea\">")
if (xsImgs.length != 0) {
document.write("<a href=\""+ xsImgLinks[0] +"\" target=\"_blank\"><img src=\"" + xsImgs[0] + "\" onload=\"imgLoadNotify(this," + xsImgSize[0] + "," + xsImgSize[1] +");\" \/><\/a>")
}
document.write("<\/div>")
if (xsTextBar != 0) {
document.write("<div id=\"slidefooter\">")
if (xsPlayBtn != 0) {
  document.write("<a id=\"slideplay\" title=\"播放\" href=\""+ xsImgLinks[0] +"\">播放<\/a>")
}
if (xsImgTexts.length != 0) {
  document.write("<a id=\"slideprev\" title=\"上一幅\" href=\"#\" onclick=\"rewind();return false\">&laquo;<\/a><a id=\"slidenext\" title=\"下一幅\" href=\"#\" onclick=\"forward();return false\" style=\"text-align: center; text-decoration: none;\">&raquo;<\/a><p id=\"slidetext\"><a href=\""+ xsImgLinks[0] +"\" target=\"_blank\">"+ xsImgTexts[0] +"<\/a><\/p>")
}
document.write("<\/div>")
}

var arrPreload = new Array();
var begImg  = 0;
var arrPreload = new Array();
var spd = 2;
function init()
{
    preloadRange(0,_PRELOADRANGE-1);
    curImg = begImg;
    if (curImg < 0 || curImg > xsImgs.length - 1)
curImg = xsImgs.length - 1;
    changeSlide();
    setTimeout("play()", 3000)
}

var curImg = 0;
var timerId = -1;
var interval = 3500;
var imgIsLoaded = false;
var current_transition = 15;
var flag = true;
var bFirst = false;

var transitions = new Array;
transitions[0] = "progidXImageTransform.Microsoft.Fade(duration=1)";
transitions[1] = "progidXImageTransform.Microsoft.Blinds(Duration=1,bands=20)";
transitions[2] = "progidXImageTransform.Microsoft.Checkerboard(Duration=1,squaresX=20,squaresY=20)";
transitions[3] = "progid:DXImageTransform.Microsoft.Strips(Duration=1,motion=rightdown)";
transitions[4] = "progid:DXImageTransform.Microsoft.Barn(Duration=1,orientation=vertical)";
transitions[5] = "progid:DXImageTransform.Microsoft.GradientWipe(duration=1)";
transitions[6] = "progid:DXImageTransform.Microsoft.Iris(Duration=1,motion=out)";
transitions[7] = "progid:DXImageTransform.Microsoft.Wheel(Duration=1,spokes=12)";
transitions[8] = "progid:DXImageTransform.Microsoft.Pixelate(maxSquare=10,duration=1)";
transitions[9] = "progid:DXImageTransform.Microsoft.RadialWipe(Duration=1,wipeStyle=clock)";
transitions[10] = "progid:DXImageTransform.Microsoft.RandomBars(Duration=1,orientation=vertical)";
transitions[11] = "progid:DXImageTransform.Microsoft.Slide(Duration=1,slideStyle=push)";
transitions[12] = "progid:DXImageTransform.Microsoft.RandomDissolve(Duration=1,orientation=vertical)";
transitions[13] = "progid:DXImageTransform.Microsoft.Spiral(Duration=1,gridSizeX=40,gridSizeY=40)";
transitions[14] = "progid:DXImageTransform.Microsoft.Stretch(Duration=1,stretchStyle=push)";
transitions[15] = "special case";
var transition_count = 15;
var _PRELOADRANGE = 5;
function preloadRange(intPic,intRange) {
var divStr = "";
for (var i=intPic; i<(intPic+intRange); i++) {
  arrPreload = new Image();
  arrPreload.src = xsImgs;
}
return false;
}
/*
我不懂js,请问有没有人知道怎么修改这些代码?红色标注部分是不是就是幻灯图片切换的不同效果?想修改一下,官方的默认效果太难看了但是我不知道怎么修改,请教高人指点?如果能用汉字注释一下最好先谢谢了
 楼主| tonn 发表于 2008-4-21 09:54:03 | 显示全部楼层
有人知道吗
回复

使用道具 举报

﹏.゛氣質. 发表于 2008-4-21 09:54:57 | 显示全部楼层
你用flash吧
回复

使用道具 举报

mingkong 发表于 2008-4-21 10:00:39 | 显示全部楼层
原帖由 tonn 于 2008-4-20 02:37 发表
下面是include/js/slide.js文件
修改后的slide.js内容如下。


document.write("#slidearea { width:" + xsImgSize[0] + "px; height:" + xsImgSize[1] + "px; overflow: hidden; margin: 0 auto; text-align: c ...


红色部分确实是幻灯切换特效,不过,所有能用到的基本都用完了.
提示一下楼主,这些特效只适合IE内核的浏览器。换个非IE的就没特效了
回复

使用道具 举报

 楼主| tonn 发表于 2008-4-21 10:03:51 | 显示全部楼层
谢谢楼上的,我想问一下我删除其中的几个特效,对幻灯片有没有影响呢
回复

使用道具 举报

mingkong 发表于 2008-4-21 10:19:41 | 显示全部楼层
原帖由 tonn 于 2008-4-21 10:03 发表
谢谢楼上的,我想问一下我删除其中的几个特效,对幻灯片有没有影响呢

删掉几个切换特效没有影响的.
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-1-13 07:24 , Processed in 0.026394 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表