最近遇到了这样的问题,本来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. 18个网站SEO建议

    第一位专家是Autotrader公司的搜索市场经理Dewi Nawasari,她认为SEO就是优化网站,以吸引你的目标客户的过程.她的建议如下: 1.创建良好的引导链接 要把用户的使用过程尽量的简化, ...

  2. (转)maven eclipse debug

    准备工作: a. 在pom.xml中配置jetty插件: <plugins> <plugin> <groupId>org.mortbay.jetty</gro ...

  3. ali2015校园招聘笔试大题

    [本文链接] http://www.cnblogs.com/hellogiser/p/ali-2015-questions.html 1. 写一个函数,输入一个二叉树,树中每个节点存放了一个整数值,函 ...

  4. iOS 如何使用自定义字体

    首先,你需要有字体文件,比如 xxx.otf,之后你需要到工程的info配置文件中加入Fonts provided by application的值,如下图 之后,就可以使用字体名和UIFont的方法 ...

  5. VC++ TinyXML

    下载TinyXML库文件http://sourceforge.net/projects/tinyxml/ 在TinyXML的目录找到tinystr.h, tinyxml.h,tinystr.cpp,t ...

  6. Hadoop 2.6.0 集群部署

    Hadoop的集群部署和单节点部署类似,配置文件不同,另外需要修改网络方面的配置 首先,准备3台虚拟机,系统为CentOS 6.6,其中一台为namenode 剩余两台为 datanode: 修改主机 ...

  7. Windows下配置Apache服务器并支持php

    php环境的配置相对来说比较繁琐,网上教程大部分都是放一起说,总体感觉比较乱,其实Apache是一款通用的服务器软件,可以用来配置支持静态页面,php.Python.Java甚至asp等服务端语言,要 ...

  8. Java for LeetCode 203 Remove Linked List Elements

    Remove all elements from a linked list of integers that have value val. Example Given: 1 --> 2 -- ...

  9. 解决 internet connection sharing 启动不了

    1.确认Windows Firewall服务是否启动(有异常可参考下面) a.打开注册表,找到HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\ ...

  10. Android textView点击滚动(跑马灯)效果

    布局文件: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:to ...