关于实现banner轮换的问题,如何修改
最近遇到了这样的问题,本来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轮换的问题,如何修改的更多相关文章
- 自定义SpringBoot启动banner
序: springboot启动的时候会有一个启动logo似的东西,如图,这个logo似的东西叫做banner,本文小计修改此banner显示与关闭banner.没什么用,有兴趣可以玩玩-- 正文: 自 ...
- SpringBoot(四):banner的控制
banner在springboot中是一个支持可配(banner的样式,banner的颜色,banner的内容).是否显示. 1)banner显示内容配置: 默认springboot如果在src/re ...
- SpringBoot的Banner横幅
SpringBoot的Banner横幅即在SpringBoot应用程序启动过程中,日志输出的如下内容: 如果想替换此部分内容的话,可以在classpath根路径下建立一个文件,命名为:banner.t ...
- request.getcontextPath() 详解
request.getcontextPath() 详解 文章分类:Java编程 <%=request.getContextPath()%>是为了解决相对路径的问题,可返回站点的根路径. 但 ...
- Apache安全配置方案
Apache安全配置方案 from:http://drops.wooyun.org/%e8%bf%90%e7%bb%b4%e5%ae%89%e5%85%a8/2727 apache的一些配置主要是通过 ...
- 『Python』 多线程 端口扫描器
0x 00 Before Coding 当端口打开时,向端口发送 TCP SYN 请求,会返回一个 ACK 响应: 当端口关闭,返回的是 RST 响应: 0x 01 Coding 可以用 socke ...
- SpringBoot技术栈搭建个人博客【项目准备】
前言:很早之前就想要写一个自己的博客了,趁着现在学校安排的实习有很多的空档,决定把它给做出来,也顺便完成实习的任务(搞一个项目出来...) 需求分析 总体目标:设计一套自适应/简洁/美观/易于文章管理 ...
- SpringBoot学习(一)
一.Spring Boot Spring是JavaEE轻量级代替品.无需开发重量级的(EJB),Spring为企业级Java开发提供了一种相对简单的方法,通过依赖注入和面向切面编程,用简单的POJO对 ...
- springboot2.04+mybatis-plus+swagger2+CodeGenerator
@author zhangyh SpringBoot技术栈搭建个人博客[项目准备] RESTful API就是一套协议来规范多种形式的前端和同一个后台的交互方式 原型设计 事实上,我是直接先去找的原 ...
随机推荐
- PHP 冒泡原理
header('Content-Type: text/html; charset=utf-8'); // 简单冒泡算法 $a = array(5,43,3,2,1); function mp($a){ ...
- DP:Apple Catching(POJ 2385)
牛如何吃苹果 问题大意:一个叫Bessie的牛,可以吃苹果,然后有两棵树,树上苹果每分钟会掉一个,这只牛一分钟可以在两棵树中往返吃苹果(且不吃地上的),然后折返只能是有限次W,问你这只叫Bessie的 ...
- [MAC] SVN lock的使用
转载 : http://www.eefocus.com/czzheng/blog/12-03/245532_4ca94.html 如果压根没有锁lock,那么每个人都拥有一个本地copy,每个人都能自 ...
- HTTP协议的几个概念
http://www.rupeng.com/favicon.ico 可获取当前图标favicon.ico服务器是指定文件名,不能更改一.HTTP协议的几个概念1.连接(Connection):浏览器和 ...
- JUC回顾之-可重入的互斥锁ReentrantLock
1.什么是可重锁ReentrantLock? 就是支持重新进入的锁,表示该锁能够支持一个线程对资源的重复加锁. 2.ReentrantLock分为公平锁和非公平锁:区别是在于获取锁的机制上是否公平. ...
- obj-m
转自:http://blog.sina.com.cn/s/blog_693301190100sxoi.html obj-m (转帖) 目标定义是Kbuild Makefile的主要部分,也是核心部分. ...
- Java Hour 61 基础概念拾遗
循环遍历器 for (Iterator iter = list.iterator(); iter.hasNext();) { int i = ((Integer) iter.next()).intVa ...
- Java Hour 39 Maven ( 1 )
有句名言,叫做10000小时成为某一个领域的专家.姑且不辩论这句话是否正确,让我们到达10000小时的时候再回头来看吧. Hour 39 Maven 1 Perhaps you are running ...
- hdu 1733 分层网络流 ****
题目大意:有一个类似于迷宫搜索的图,‘.’代表的是无人的路,'X'代表有人的点,'#'代表此点不可通过,'@'代表门口.每个位置每一秒钟只能站一个人,每个位置到上下左右点的时间为1,问你所有人能不能出 ...
- 图文详解YUV420, yuv格式2
YUV格式有两大类:planar和packed. 对于planar的YUV格式,先连续存储所有像素点的Y,紧接着存储所有像素点的U,随后是所有像素点的V. 对于packed的YUV格式,每个像素点的Y ...