JS图片变换 – 九创科技 https://www.3code.cn Wordpress外贸企业主题, Wp企业主题, wordpress企业主题, wordpress主题定制, WORDPRESS外贸网站建设SEO Fri, 28 Oct 2011 15:15:01 +0000 zh-Hans hourly 1 鼠标经过图片变暗的js兼容IE FIREFOX https://www.3code.cn/%e9%bc%a0%e6%a0%87%e7%bb%8f%e8%bf%87%e5%9b%be%e7%89%87%e5%8f%98%e6%9a%97%e7%9a%84js%e5%85%bc%e5%ae%b9ie-firefox/ Fri, 28 Oct 2011 15:15:01 +0000 https://www.3code.cn/?p=2884 js部分：

function dentro(valor) {
valor.style[‘opacity’] = 60 / 100;
valor.style[‘-moz-opacity’] = 60 / 100;
valor.filters.alpha[‘opacity’] = 60;
}
function fuera(valor) {
valor.style[‘opacity’] = 100 / 100;
valor.style[‘-moz-opacity’] = 100 / 100;
valor.filters.alpha[‘opacity’] = 100;
}

网页部分：

<img src=”” alt=”Muestra” border=”0″ style=”filter: Alpha(opacity = 100)” onmouseout=”fuera(this)” onmouseover=”dentro(this)”/>

]]> JS无间隙向左,向右,向上,向下滚动兼容IE,firefox https://www.3code.cn/js%e6%97%a0%e9%97%b4%e9%9a%99%e5%90%91%e5%b7%a6%e5%90%91%e5%8f%b3%e5%90%91%e4%b8%8a%e5%90%91%e4%b8%8b%e6%bb%9a%e5%8a%a8%e5%85%bc%e5%ae%b9iefirefox/ Fri, 03 Jun 2011 16:46:43 +0000 https://www.3code.cn/?p=2698 代码如下：

boxmove(d1,d2,d3,e,obj)
d1 = 外围容器
d2 = 内容
d3 = 复制d2的内容接替循环滚动
e = 方向与方法
1,2,3,4 = 自动滚动，分别对应：上,右,下,左
“top”,”right”,”bottom”,”left” = 手动滚动，分别对应：上,右,下,左
obj = 选择手动滚动时设置为this，用于事件绑定操作。自动滚动时无须设置。

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”zh-CN” xml:lang=”zh-CN”>
<head>
<meta name=”keywords” content=”PRcss,xhtml,html,css,js,book,个人主页,无聊,神经,懒惰” />
<meta name=”Author” content=”PRcss,qq:50198763″ />
<meta name=”Copyright” content=”本页版权归PRcss所有。All Rights Reserved” />
<title>滚动合集 – www.poluoluo.com</title>
<script type=”text/javascript”>
// 自动滚动
function boxmove(d1,d2,d3,e,obj){
var speed=30;
var demo=document.getElementById(d1);
var demo1=document.getElementById(d2);
var demo2=document.getElementById(d3);
demo2.innerHTML=demo1.innerHTML;
function boxTop(){
if(demo2.offsetTop-demo.scrollTop<=0){demo.scrollTop-=demo1.offsetHeight}
else{demo.scrollTop++}
}
function boxRight(){
if(demo.scrollLeft<=0){demo.scrollLeft+=demo2.offsetWidth}
else{demo.scrollLeft–}
}
function boxBottom(){
if(demo1.offsetTop-demo.scrollTop>=0){demo.scrollTop+=demo2.offsetHeight}
else{demo.scrollTop–}
}
function boxLeft(){
if(demo2.offsetWidth-demo.scrollLeft<=0){demo.scrollLeft-=demo1.offsetWidth}
else{demo.scrollLeft++}
}
if(e==1){
var MoveTop=setInterval(boxTop,speed);
demo.onmouseover=function(){clearInterval(MoveTop);}
demo.onmouseout=function(){MoveTop=setInterval(boxTop,speed)}
}
if(e==2){
var MoveRight=setInterval(boxRight,speed);
demo.onmouseover=function(){clearInterval(MoveRight)}
demo.onmouseout=function(){MoveRight=setInterval(boxRight,speed)}
}
if(e==3){
var MoveBottom=setInterval(boxBottom,speed);
demo.onmouseover=function(){clearInterval(MoveBottom);}
demo.onmouseout=function(){MoveBottom=setInterval(boxBottom,speed)}
}
if(e==4){
var MoveLeft=setInterval(boxLeft,speed)
demo.onmouseover=function(){clearInterval(MoveLeft)}
demo.onmouseout=function(){MoveLeft=setInterval(boxLeft,speed)}
}
if(e==”top”){
MoveTop=setInterval(boxTop,speed)
obj.onmouseout=function(){clearInterval(MoveTop);}
}
if(e==”right”){
MoveRight=setInterval(boxRight,speed)
obj.onmouseout=function(){clearInterval(MoveRight);}
}
if(e==”bottom”){
MoveBottom=setInterval(boxBottom,speed)
obj.onmouseout=function(){clearInterval(MoveBottom);}
}
if(e==”left”){
MoveLeft=setInterval(boxLeft,speed)
obj.onmouseout=function(){clearInterval(MoveLeft);}
}
}
</script>
<style type=”text/css”>
div#a,div#b,div#c,div#d { float:left;}
h2 { clear:both; }
div#b,div#d,div#bb { white-space:nowrap; }
</style>
</head>
<body>
<h1>滚动合集</h1>
<hr />

<h2>向上</h2>
<div id=”a” style=”overflow:hidden;height:100px;width:90px;”>
<div id=”a1″>
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
</div>
<div id=”a2″></div>
</div>
<script type=”text/javascript”>
boxmove(“a”,”a1″,”a2″,1);
</script>

<h2>向右</h2>
<div id=”b” style=”overflow:hidden;height:100px;width:90px;”>
<div id=”b1″>
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
</div>
<div id=”b2″></div>
</div>
<script type=”text/javascript”>
boxmove(“b”,”b1″,”b2″,2);
</script>

<h2>向下</h2>
<div id=”c” style=”overflow:hidden;height:100px;width:90px;”>
<div id=”c1″>
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
</div>
<div id=”c2″></div>
</div>
<script type=”text/javascript”>
boxmove(“c”,”c1″,”c2″,3);
</script>

<h2>向左</h2>
<div id=”d” style=”overflow:hidden;height:100px;width:90px;”>
<div id=”d1″>
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
</div>
<div id=”d2″></div>
</div>
<script type=”text/javascript”>
boxmove(“d”,”d1″,”d2″,4);
</script>

<h2>手动滚动 – <strong onmouseover=”boxmove(‘aa’,’aa1′,’aa2′,’top’,this);”>上</strong> <strong onmouseover=”boxmove(‘aa’,’aa1′,’aa2′,’bottom’,this);”>下</strong></h2>
<div id=”aa” style=”overflow:hidden;height:100px;width:90px;”>
<div id=”aa1″>
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
</div>
<div id=”aa2″></div>
</div>

<h2>手动滚动 – <strong onmouseover=”boxmove(‘bb’,’bb1′,’bb2′,’left’,this);”>左</strong> <strong onmouseover=”boxmove(‘bb’,’bb1′,’bb2′,’right’,this);”>右</strong></h2>
<div id=”bb” style=”overflow:hidden;height:100px;width:90px;”>
<div id=”bb1″>
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
<img src=”http://www.poluoluo.com/jzxy/UploadFiles_333/201103/20110320101938325.gif” alt=”” />
</div>
<div id=”bb2″></div>
</div>

</body>
</html>

]]> jQuery弹出窗口插件Facebox https://www.3code.cn/jquery%e5%bc%b9%e5%87%ba%e7%aa%97%e5%8f%a3%e6%8f%92%e4%bb%b6facebox/ Fri, 28 Jan 2011 05:31:33 +0000 https://www.3code.cn/?p=2445 facebox是一个jquery为基础的lightbox，可显示图像， divs ，或者远程页面。 它的使用简单，容易。

首先我们用Facebox观看图片 ：
<a href=”cssrain.jpg” rel=”facebox”>text</a>
仅仅这样就OK。

然后我们在来看 用Facebox观看div  ：
<a href=”#info” rel=”facebox”>text</a>
ok,就这样就能简单的实现facebox了。

当然在ajax横行的时代，ajax远程加载页面也是必不可少的。
我们用Facebox加载远程的页面内容：
<a href=”cssrain.html” rel=”facebox”>text</a>
OK，这样就能远程加载 cssrain.html 的内容，以facebox的方式显示了。

用法：
facebox应该导入
<script src=”jquery.js” type=”text/javascript”></script>
<link href=”/facebox/facebox.css” _fcksavedurl=””/facebox/facebox.css”” media=”screen” rel=”stylesheet” type=”text/css”/>
<script src=”/facebox/facebox.js” type=”text/javascript”></script>
jQuery(document).ready(function($) {
//超链接的rel属性是否具有facebox
  $(‘a[rel*=facebox]’).facebox()
})

本站下载：https://www.3code.cn/download/facebox.zip

]]> 精典多张图片渐变（fade）效果， 支付IE与firefox https://www.3code.cn/imgfade/ Tue, 01 Jun 2010 08:07:52 +0000 https://www.3code.cn/?p=1653 无意间找到的这个图片渐变轮换效果，支持IE与firefox。之前一直都没有找到，都是用flash去做的，呵。

现在把文件放这儿，供大伙下载。

imgfade.rar

]]> JS文字图片无缝滚动代码 https://www.3code.cn/js-scroll-2/ Tue, 24 Nov 2009 15:20:50 +0000 https://www.3code.cn/?p=695 JS文字图片无缝滚动代码

JS文字图片无缝滚动代码,具体的效果就是图片循环滚动代码,通过一个javascript去控制一个table的整体滚动实现的，使用起来很方便，JS代码也很简单.

JS文字图片无缝滚动代码

JS文字图片无缝滚动代码




下载：本地下载jsad-scroll.rar

]]> 仿FLASH的js焦点图片切换效果 https://www.3code.cn/js-flash-image2/ Wed, 18 Nov 2009 06:46:22 +0000 https://www.3code.cn/?p=562 仿FLASH的js焦点图片切换效果

仿FLASH的js焦点图片切换效果 很不错，很适合与PHP ASP 等动态语言结合

js焦点广告图片切换效果

js焦点广告图片切换效果




下载此效果

]]> js+css控制图片展示效果 https://www.3code.cn/js-css-image-show/ Wed, 18 Nov 2009 02:51:43 +0000 https://www.3code.cn/?p=559

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<html lang=it dir=ltr xml:lang=”it” xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>css+js控制图片展示</title>
<style>
body{
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
font: 70% verdana, geneva, arial, helvetica, sans-serif;
color: #000;
padding-top: 0px;
text-align: center
}
#outer{
padding-right: 0px;
padding-left: 0px;
background: url(/images/bg-outer.gif) repeat-y center top;
padding-bottom: 0px;
margin: 0px auto;
width: 780px;
padding-top: 0px;
text-align: left
}
#wrapper{
background: #fff;
margin: 0px 4px
}
#content{
padding-right: 0px;
padding-left: 0px;
min-height: 400px;
padding-bottom: 20px;
margin: 20px 30px;
padding-top: 0px;
position: relative
}
#focus{
border-right: #ccc 2px solid;
padding-right: 0px;
border-top: #ccc 2px solid;
padding-left: 0px;
min-height: 188px;
background: url(/images/tile.gif) #eee repeat-y left top;
padding-bottom: 10px;
margin: 25px 0px 30px;
border-left: #ccc 2px solid;
width: 100%;
padding-top: 15px;
border-bottom: #ccc 2px solid;
position: relative;
height: 188px
}
#beni{
padding-right: 0px;
padding-left: 0px;
left: 0px;
padding-bottom: 0px;
margin: 0px;
width: 250px;
padding-top: 0px;
list-style-type: none;
position: absolute;
top: 15px
}
#beni li{
border-top: #fff 1px solid;
font-size: 12px;
float: left;
width: 250px;
text-indent: 24px;
line-height: 26px
}
#beni li.first{
border-top: 0px
}
#beni li a{
border-right: 0px;
padding-right: 0px;
border-top: 0px;
display: block;
padding-left: 0px;
font-weight: bold;
background: #eee;
padding-bottom: 0px;
margin: 0px;
border-left: 0px;
padding-top: 0px;
border-bottom: 0px;
text-decoration: none
}
#beni li a:hover{
background: #f9f9f9
}
#description{
width:420px;
height:188px;
overflow:hidden;
float:right;
margin-right:15px;
}
</STYLE>
<script>
window.onload=function(){
var ele=document.getElementById(“description”);
var w=ele.clientWidth;
var n=20,t=20;
var timers=new Array(n);
var c=document.getElementById(“beni”).getElementsByTagName(“li”);
for(var i=0;i<c.length;i++){
c[i].index=i;
c[i].onmouseover=doSlide;
}
c=null;
function doSlide(){
var x=ele.scrollLeft;
var d=this.index*w-x;
if(!d) return;
for(var i=0;i<n;i++)(function(){
if(timers[i])
clearTimeout(timers[i]);
var j=i;
timers[i]=setTimeout(function(){
ele.scrollLeft=x+Math.round(d*Math.sin(Math.PI*(j+1)/(2*n)));
},(i+1)*t);
})();
}
}
</script>
</head>
<body id=home>
<div id=outer>
<div id=wrapper>
<div id=content>
<div id=focus>

<ul id=beni>
<li><a href=”#”>opere e oggetti d’arte</a></li>
<li><a href=”#”>architettzure</a></li>
<li><a href=”#”>reperti archeologici</a></li>
<li><a href=”#”>stampe e matrici di incisione</a></li>
<li><a href=”#”>fotografie</a></li>

<li><a href=”#”>beni etnoantropologici</a></li>
</ul>
<div id=description>
<img src=”http://www.lanrentuku.com/down/js/images/12447871590.jpg” />
</div>
</div>
</div>
</div>

</div>
</body>
</html>

]]> 图片按比例缩放不变形的JS代码 https://www.3code.cn/js-pic-bubianxing/ Fri, 13 Nov 2009 14:28:10 +0000 https://www.3code.cn/?p=466 图片按比例缩放不变形的JS代码

图片按比例缩放不变形的JS代码,在很多情况下都会使用到，比如产品展示等。附有实例。

<!–
//图片按比例缩放
var flag=false;
function DrawImage(ImgD,i,j){
var image=new Image();
var iwidth = i;  //定义允许图片宽度
var iheight = j;  //定义允许图片高度
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+”×”+image.height;
}
else{
if(image.height>iheight){
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+”×”+image.height;
}
}
}
//调用：<img src=”图片” onload=”javascript :DrawImage(this,100,80)”>
//–>
</script>

]]> CSS+JS图片提示框效果代码 https://www.3code.cn/css-js-tips/ Fri, 13 Nov 2009 09:18:14 +0000 https://www.3code.cn/?p=450 CSS+JS图片提示框效果代码

CSS+JS图片提示框效果代码

CSS+JS图片提示框效果代码

非常不错的CSS+JS图片提示框效果代码,推荐下载。

下载地址

]]> jQuery的图片展示特效代码 https://www.3code.cn/jquery-pic-cool/ Fri, 13 Nov 2009 09:13:04 +0000 https://www.3code.cn/?p=447 jQuery的图片展示特效代码

基于jQuery的预览图展示特效代码

基于jQuery的预览图展示特效代码

下载地址

基于jQuery实现预览图+简介的内容展示代码，鼠标放在图片上可以产生多种效果，例如：显示简介，图片移动等。

]]> 带缩略图的Flash+JS焦点广告图代码 https://www.3code.cn/flash-js-pic-code/ Fri, 13 Nov 2009 09:08:03 +0000 https://www.3code.cn/?p=443
带缩略图的Flash+JS焦点广告图代码, Flash+JS，左右翻页,调用多张图片，推荐下载！

带缩略图的Flash+JS焦点广告图代码, Flash+JS，左右翻页,调用多张图片，推荐下载！




带缩略图的Flash+JS焦点广告图代码, Flash+JS，左右翻页,调用多张图片，推荐下载！

下载地址

]]> JS焦点图广告代码–大耳朵 https://www.3code.cn/js-ad-drd/ Fri, 06 Nov 2009 16:56:22 +0000 https://www.3code.cn/?p=274 JS焦点图广告代码–大耳朵

功能：可暂停播放，左右平滑滚动，按标签滚动，推荐下载！

By Chris Coyier, based upon lots of smart stuff by Remy Sharp,
significantly improved by Douglas Neiner

index

JS焦点图广告代码--大耳朵

本文转达自懒人图库 ， 点这里去下载!

]]> 不错的JS图片渐变效果 https://www.3code.cn/js-pic-jb/ Fri, 06 Nov 2009 01:45:37 +0000 https://www.3code.cn/?p=249 不错的JS图片渐变效果:

本效果只支持IE, 在FIRFOX下面看不到渐变效果, 但是可以看到图片跳动变换的效果.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>无标题文档</title>
<script>
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;

// Duration of crossfade (seconds)
var crossFadeDuration = 3;

// Specify the image files

var Pic = new Array(); // don’t touch this
var PicUrl = new Array(); // don’t touch this

var PicCaption = new Array(); // don’t touch this

Pic[0] = ‘userfiles/img2.jpg’;
Pic[1] = ‘../images/img3.jpg’;
Pic[2] = ‘../images/img4.jpg’;

PicUrl[0] = ‘#’;
PicUrl[1] = ‘#’;

var PageNav=’#’;

// =======================================
// do not edit anything below this line
// =======================================

var m_intTimeOut;
var j = 0;
var m_intArrayLen = Pic.length;

var preLoad = new Array();
for (i = 0; i < m_intArrayLen; i++)
{
   preLoad[i] = new Image();
   preLoad[i].src = Pic[i]
}

function runSlideShow(){
   if (document.all){
      document.images.SlideShow.style.filter=”blendTrans(duration=2)”;
      document.images.SlideShow.style.filter=”blendTrans(duration=crossFadeDuration)”;
      document.images.SlideShow.filters.blendTrans.Apply();     
   }
   document.images.SlideShow.src = preLoad[j].src;
 PageNav=PicUrl[j];

   if (document.all){
      document.images.SlideShow.filters.blendTrans.Play();
   }
   j = j + 1;
   if (j > (m_intArrayLen-1)) j=0
   m_intTimeOut = setTimeout(‘runSlideShow()’, slideShowSpeed);
}

function pg_nav()
{
 window.location.href=PageNav;
}
</script>
</head>

<body onLoad=”runSlideShow()”>
<img src=”userfiles/1.jpg” width=”913″ height=”314″ name=”SlideShow”>
</body>
</html>

]]>