Question

求ASP.Net图片轮显的代码

不要连数据库的
要求图片右下角有小标12345678，图片下边要有个图片的名称，显示哪张图片，就显示那个图片的名称。急啊！满意的话，悬赏再长！

Answer 1

<div class="baner">
<div id="MainPromotionBanner">
<div id="play">
<ul>
<li id="playBg"></li>
<li id="playText"></li>
<li id="playNum"><a>1</a><a>2</a><a>3</a><a>4</a><a>5</a><a>6</a></li>
<li id="playShow">
<a href="#" target="_blank">
<img src="../../puhui2008_SystemManage/upfileimages/present/PR20081030151539_01.jpg" width="450" height="240" alt="今天天气不错"/></a>
<a href="#" target="_blank">
<img src="../../puhui2008_SystemManage/upfileimages/present/PR20081030110348_01.jpg" width="450" height="240" alt="听风和日历的"/></a>
<a href="#" target="_blank">
<img src="../../puhui2008_SystemManage/upfileimages/present/PR20081030105813_01.jpg" width="450" height="240" alt="我们下午没有课"/></a>
<a href="#" target="_blank">
<img src="../../puhui2008_SystemManage/upfileimages/present/PR20081030110936_01.jpg" width="450" height="240" alt="这的确挺爽的"/></a>
<a href="#" target="_blank">
<img src="../../puhui2008_SystemManage/upfileimages/present/PR20080425091739_01.gif" width="450" height="240" alt="我一大中午的早早的跑去自习"/></a>
<a href="#" target="_blank">
<img src="../../puhui2008_SystemManage/upfileimages/present/PR20080425095614_01.gif" width="450" height="240" alt="我爬山涉水，翻山越岭呀。。"/></a>
</li>
</ul>
</div>
</div>
</div>

<script>
(function ($){
$("#lastWeekon").bind({
mouseover:function(){
$("#lastWeek").show();
$("#totalRating").hide();
$("#lastWeekon").addClass("now");
$("#totalRatingon").removeClass("now");
}
});
$("#totalRatingon").bind({
mouseover:function(){
$("#totalRatingon").addClass("now");
$("#lastWeekon").removeClass("now");
$("#totalRating").show();
$("#lastWeek").hide();
}
});

})(jQuery);
</script>

<script type="text/javascript">
var t = n = 0, count = $("#playShow a").size();
$(function(){
$("#playShow a:not(:first-child)").hide();
$("#playText").html($("#playShow a:first-child").find("img").attr('alt'));
$("#playNum a:first").css({"background":"#FFD116",'color':'#A8471C'});
$("#playText").click(function(){window.open($("#playShow a:first-child").attr('href'), "_blank")});
$("#playNum a").click(function() {
var i = $(this).text() - 1;
n = i;
if (i >= count) return;
$("#playText").html($("#playShow a").eq(i).find("img").attr('alt'));
$("#playText").unbind().click(function(){window.open($("#playShow a").eq(i).attr('href'), "_blank")})
$("#playShow a").filter(":visible").hide().parent().children().eq(i).fadeIn(1200);
$(this).css({"background":"#FFD116",'color':'#A8471C'}).siblings().css({"background":"#D7D6D7",'color':'#000'});
});
t = setInterval("showAuto()", 5000);
$("#play").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 5000);});
})
function showAuto()
{
n = n >= (count - 1) ? 0 : ++n;
$("#playNum a").eq(n).trigger('click');
}
</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

/*滚动*/
.baner { width:530px; padding-left:40px;}
#MainPromotionBanner{ width:450px; height:240px; }
#MainPromotionBanner #SlidePlayer { position:relative; margin:0 auto;}
#MainPromotionBanner .Slides { padding: 0; margin: 0; list-style:none; height:240px; overflow: hidden;}
#MainPromotionBanner .Slides li { float: left; width: 450px; height:240px;}
#MainPromotionBanner .Slides img{ border:0; display: block; width:450px; height:240px;}
#MainPromotionBanner .SlideTriggers{ margin:0; padding:0; list-style:none; position:absolute; top:210px; right:0px;z-index:10; height:25px;}
#MainPromotionBanner .SlideTriggers li { float:left; display:inline; color:#74a8ed; text-align:center; line-height:16px; width:16px; height:16px; font-family:Arial; font-size:0.9em; cursor:pointer; overflow:hidden; margin:3px 6px; background:url(../images/slide_trigger.gif) no-repeat center center;}
#MainPromotionBanner .SlideTriggers li.Current{ color:#fff; background:url(../images/slide_trigger_c.gif) no-repeat center center; border:0; font-weight:bold; font-size:1.4em; line-height:21px; height:21px; width:21px;margin:0 6px; }
/*图片切换*/
#play{width:150px;height:240px; border:#ccc 1px solid;}
#playBg{margin-top:200px;z-index:1;filter:alpha(opacity=70);opacity:0.7;width:450px;position:absolute;height:30px;background:#000;}
#playText{margin-top:200px;z-index:2;padding-left:10px;font-size:14px;font-weight:bold;width:340px;color:#fff;line-height:30px; overflow:hidden;position:absolute;cursor:pointer;}
#playNum{margin:205px 5px 0 300px;z-index:3;width:145px; text-align:right;position:absolute;height:25px;}
#playNum a{margin:0 2px;width:20px;height:20px;font-size:14px; font-weight:bold;line-height:20px;cursor:pointer;color:#000;padding:0 5px;background:#D7D6D7;text-align:center}
#playShow img{width:450px;height:240px;}