关于实现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就是一套协议来规范多种形式的前端和同一个后台的交互方式 原型设计 事实上,我是直接先去找的原 ...
随机推荐
- 【OpenStack】OpenStack系列1之Python虚拟环境搭建
安装virtualenv相关软件包 安装:yum install python-virtualenv* -y 简介,安装包主要包括, python-virtualenv:virtualenv用于创建独 ...
- Minimum Path Sum
Given a m x n grid filled with non-negative numbers, find a path from top left to bottom right which ...
- recv和send函数
转自 http://www.cnblogs.com/blankqdb/archive/2012/08/30/2663859.html 1. send解析 sockfd:指定发送端套接字描述符. bu ...
- 2013 ACM/ICPC 南京网络赛F题
题意:给出一个4×4的点阵,连接相邻点可以构成一个九宫格,每个小格边长为1.从没有边的点阵开始,两人轮流向点阵中加边,如果加入的边构成了新的边长为1的小正方形,则加边的人得分.构成几个得几分,最终完成 ...
- Android clickable 和 focusable
setClickable(),好像是控制按钮是否可以被点击和点击之后触发监听器事件.setFocusable();控制键盘是否可以获得这个按钮的焦点.(我按实体键盘上方向键,button被选中) 今天 ...
- iOS 中关于ViewController总结
以前写程序时,经常被旋转问题弄的头疼,今天为了解决这个问题,偶然看到了苹果官方文档 View Controller Programming Guide for iOS. 这才发现这个必读的资料!以前许 ...
- Netbeans快捷键
一.常用快捷键:1.在文件中查找指定内容 Ctrl+F2.在文件中替换指定内容 Ctrl+H3.在整个项目中查找指定内容 Ctrl+Shift+f4.自动复制整行代码 Ctrl+Shift+上/下方向 ...
- 手把手教你cuda5.5与VS2010的编译环境搭建
参考:http://www.cnblogs.com/xing901022/archive/2013/08/09/3248469.html 目前版本的cuda是很方便的,它的一个安装里面包括了Toolk ...
- RocketMQ最佳实践
1.RocketMQ中的专业术语 Topic topic表示消息的第一级类型,比如一个电商系统的消息可以分为:交易消息.物流消息...... 一条消息必须有一个Topic. Tag Tag表示消息的第 ...
- Android开发之onClick事件的三种写法
package a.a; import android.app.Activity; import android.os.Bundle; import android.view.View; import ...