最近遇到了这样的问题,本来banner都是gif格式的,但是现在要求上传图片格式为jpg时,运用JS实现动画效果,原来的也能用。

aspx:

 <div id="bh" runat="server" class="banner" style="margin:0 auto; width:950px;margin-bottom:5px;"> <a href='http://www.3456.tv/business/<%=companyoname %>/' target="_blank"> <img src ="<%=companybanner %>" alt="<%=companyname %>" title="<%=companyname %>"  height="<%=imgheight%>"/> </a> </div>
<SCRIPT language=javascript type=text/javascript>
var imgUrl = new Array();
var Com_Banners = '<%=topImg%>';
var strs = new Array(); //定义一数组
strs = Com_Banners.split("|"); //字符分割
for (var i = ; i <= strs.length - ; i++) {
imgUrl[i + ] = strs[i];
}
var picNum = ;
var counts = strs.length;
//自动切换图片代码
function NextPic() {
var pic = document.getElementById("ShowImg");
var button = document.getElementById("banner").getElementsByTagName("div");
if (document.all) {
pic.filters.revealTrans.Transition = Math.floor(Math.random() * );
pic.filters.revealTrans.apply();
pic.filters.revealTrans.play();
}
pic.src = imgUrl[picNum];
picNum++;
if (picNum > counts) {
picNum = ;
}
//设置翻页时间
theTimer = setTimeout("NextPic()", );
}
</SCRIPT>
<div id="banner" runat="server" style="margin:0 auto; width:950px;display:<%=backdis%>;">
<a href='http://www.3456.tv/business/<%=companyoname %>/' target="_blank"><img style="FILTER:revealTrans(duration=2,Transition=5)" id="ShowImg" width="" src="<%=showImg%>" alt="<%=companyname%>"/></a>
</div>
<SCRIPT type=text/javascript>NextPic();</SCRIPT>

aspx.cs:

        //头部banner
if (companybanner.Equals(""))
{
bh.Visible = false;
banner.Visible = false;
} else
{
companybanner = dt.Rows[]["BusBanner"].ToString();
string[] arraylist = companybanner.Split('|');
if (arraylist.Length > )
{
topImg = dt.Rows[]["BusBanner"].ToString();
showImg = topImg.Substring(, topImg.IndexOf("|"));
banner.Visible = true;
bh.Visible = false;
}
else
{
topImg = dt.Rows[]["BusBanner"].ToString();
string houzhui = topImg.Substring(companybanner.LastIndexOf(".") + ).ToLower().ToString();
if (houzhui == "jpg")
{
bh.Visible = false;
//imgHeight = "200";
backdis = "none";
banner.Visible = true;
}
else
bh.Visible = true;
banner.Visible = false;
}
}
}
else
Response.Redirect("http://www.3456.tv/404.htm");
if (topImg != "")
{
topImg = dt.Rows[]["BusBanner"].ToString();
//判断
string[] arraylist = topImg.Split('|');
if (arraylist.Length > )
{
banner.Visible = true;
bh.Visible = false;
}
else
{
string houzhui = topImg.Substring(companybanner.LastIndexOf(".") + ).ToLower().ToString();
if (houzhui == "jpg")
{
bh.Visible = false;
//imgHeight = "200";
backdis = "none";
banner.Visible = true;
}
else
bh.Visible = true;
banner.Visible = false;
}
type = companyoname;
}

修改后台文件时,注意声明好变量。

关于实现banner轮换的问题,如何修改的更多相关文章

  1. 自定义SpringBoot启动banner

    序: springboot启动的时候会有一个启动logo似的东西,如图,这个logo似的东西叫做banner,本文小计修改此banner显示与关闭banner.没什么用,有兴趣可以玩玩-- 正文: 自 ...

  2. SpringBoot(四):banner的控制

    banner在springboot中是一个支持可配(banner的样式,banner的颜色,banner的内容).是否显示. 1)banner显示内容配置: 默认springboot如果在src/re ...

  3. SpringBoot的Banner横幅

    SpringBoot的Banner横幅即在SpringBoot应用程序启动过程中,日志输出的如下内容: 如果想替换此部分内容的话,可以在classpath根路径下建立一个文件,命名为:banner.t ...

  4. request.getcontextPath() 详解

    request.getcontextPath() 详解 文章分类:Java编程 <%=request.getContextPath()%>是为了解决相对路径的问题,可返回站点的根路径. 但 ...

  5. Apache安全配置方案

    Apache安全配置方案 from:http://drops.wooyun.org/%e8%bf%90%e7%bb%b4%e5%ae%89%e5%85%a8/2727 apache的一些配置主要是通过 ...

  6. 『Python』 多线程 端口扫描器

    0x 00 Before Coding 当端口打开时,向端口发送 TCP SYN 请求,会返回一个 ACK 响应: 当端口关闭,返回的是 RST 响应: 0x 01 Coding  可以用 socke ...

  7. SpringBoot技术栈搭建个人博客【项目准备】

    前言:很早之前就想要写一个自己的博客了,趁着现在学校安排的实习有很多的空档,决定把它给做出来,也顺便完成实习的任务(搞一个项目出来...) 需求分析 总体目标:设计一套自适应/简洁/美观/易于文章管理 ...

  8. SpringBoot学习(一)

    一.Spring Boot Spring是JavaEE轻量级代替品.无需开发重量级的(EJB),Spring为企业级Java开发提供了一种相对简单的方法,通过依赖注入和面向切面编程,用简单的POJO对 ...

  9. springboot2.04+mybatis-plus+swagger2+CodeGenerator

    @author zhangyh SpringBoot技术栈搭建个人博客[项目准备]  RESTful API就是一套协议来规范多种形式的前端和同一个后台的交互方式 原型设计 事实上,我是直接先去找的原 ...

随机推荐

  1. FastCgi与PHP-fpm之间是个什么样的关系

    刚开始对这个问题我也挺纠结的,看了<HTTP权威指南>后,感觉清晰了不少. 首先,CGI是干嘛的?CGI是为了保证web server传递过来的数据是标准格式的,方便CGI程序的编写者. ...

  2. 【云计算】Dockerfile示例模板

    Dockerfile FROM debian:jessie MAINTAINER "Konrad Kleine" USER root ####################### ...

  3. SpringMVC请求处理流程

    从web.xml中 servlet的配置开始, 根据servlet拦截的url-parttern,来进行请求转发   Spring MVC工作流程图   图一   图二    Spring工作流程描述 ...

  4. 开发Web Service的几种方式

    本文作者在学习使用Java开发Web Service(不包括Restful)时,由于不知道Java有这么多框架支持开发Web Service一度陷入迷惘,不知道这些框架各有 什么不同,各有什么优缺点. ...

  5. EtherCAT报文寻址

    EtherCAT通信通过主站发送EtherCAT数据帧读写从站设备的内部存储区实现. 一个EtherCAT网段相当于一个以太网设备,主站首先通过以太网数据帧头的MAC地址寻址到网段,然后使用Ether ...

  6. BestCoder14 1002.Harry And Dig Machine(hdu 5067) 解题报告

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5067 题目意思:给出一个 n * m 的方格,每一个小方格(大小为1*1)的值要么为 0 要么为一个正 ...

  7. Stanford大学机器学习公开课(五):生成学习算法、高斯判别、朴素贝叶斯

    (一)生成学习算法 在线性回归和Logistic回归这种类型的学习算法中我们探讨的模型都是p(y|x;θ),即给定x的情况探讨y的条件概率分布.如二分类问题,不管是感知器算法还是逻辑回归算法,都是在解 ...

  8. 【读书笔记】读《JavaScript模式》 - 函数复用模式之类式继承模式

    实现类式继承的目标是通过构造函数Child()获取来自于另外一个构造函数Parent()的属性,从而创建对象. 1.类式继承模式#1 —— 默认方式(原型指向父函数实例) function Paren ...

  9. gitlab安装

    [root@localhost ~]# wget https://packages.gitlab.com/install/repositories/gitlab/gitlab-ce/script.rp ...

  10. 从几个方向进行Web渗透测试

    渗透测试就是对系统安全性的测试,通过模拟恶意黑客的攻击方法,来评估系统安全的一种评估方法. 渗透测试可以包括各种形式的攻击,一般来说会有专门的公司提供这种服务,这里整理了几种常见的渗透测试方法,可以对 ...