`
everlxq
  • 浏览: 108767 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

多张图片循环显示

 
阅读更多

<div class="jdwxnrleft">
 <STYLE type=text/css>#countdown {
	PADDING-RIGHT: 10px; BACKGROUND-POSITION: 50% bottom; FONT-WEIGHT: bold; FONT-SIZE: 16px; FLOAT: right; BACKGROUND-

IMAGE: url(ayimages/bg_box.gif); MARGIN-BOTTOM: 1px; OVERFLOW: hidden; WIDTH: 340px; COLOR: #c30; LINE-HEIGHT: 69px; PADDING

-TOP: 4px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 69px; TEXT-ALIGN: center
}
#countdown EM {
	FONT-WEIGHT: bold; FONT-SIZE: 26px; MARGIN: 0px 4px; VERTICAL-ALIGN: middle; COLOR: #f00
}
#nav {
	Z-INDEX: 9999; LEFT: 156px; WIDTH: 150px; POSITION: absolute; TOP: -40px
}
#nav UL {
	MARGIN: 0px; WIDTH: 150px
}
#nav LI {
	FLOAT: left; BACKGROUND-IMAGE: none; MARGIN: 0px; WIDTH: 20px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center
}
#nav A {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; FLOAT: left; MARGIN: 0px; BORDER-LEFT: #ccc 

1px solid; WIDTH: 20px; COLOR: black; BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center
}
#nav A.activeSlide {
	DISPLAY: block; BACKGROUND: #88f; COLOR: #fff
}
#nav A:unknown {
	outline: none
}
#nav IMG {
	DISPLAY: block; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}

</STYLE>
<s:action name="JdjNews_findByPic" namespace="/"></s:action>
<SCRIPT src="<%=basePath%>/js/jquery-1.2.2.pack.js" type=text/javascript></SCRIPT>
<SCRIPT src="<%=basePath%>/js/jquery.cycle.all.js" type=text/javascript></SCRIPT>
<DIV id=imgText style="height:195px;">
<c:forEach items="${pricNews}" var="yxhNewsByDynamicPics" varStatus="status">
<DIV class=imgText title=${status.count}  style="WIDTH: 280px ;">
<a name="5552" title="${yxhNewsByDynamicPics.title }" target="_blank" href='read_newstype.html?stypeId=${yxhNewsByDynamicPics.billid}&typeId=${yxhNewsByDynamicPics.bigtypeid}&newtypeId=${yxhNewsByDynamicPics.newtypeid}'>
<IMG id=img_5552 height="180" alt="${yxhNewsByDynamicPics.title }" src="http://www.qdwsjd.com:7003/${yxhNewsByDynamicPics.picturepath}" width="315" border=0></A> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a name="5552" target="_blank" title="${yxhNewsByDynamicPics.title }" class="ca"  href='read_newstype.html?stypeId=${yxhNewsByDynamicPics.billid}&typeId=${yxhNewsByDynamicPics.bigtypeid}&newtypeId=${yxhNewsByDynamicPics.newtypeid}'>
<font color="#000000"><formt:format til='${yxhNewsByDynamicPics.title}' size='35'/></font>
 </A> </DIV>
</c:forEach>
</DIV>
<DIV>
<DIV id=test style="CLEAR: both; POSITION: relative"></DIV></DIV>
<SCRIPT type=text/javascript>
					$('#imgText').after('<div id="nav">').cycle({ 
    fx:     'fade', 
    speed:   1000, 
    timeout: 5000, 
    next:   '#s4' ,
    pager:  '#nav', 
    pagerAnchorBuilder: function(idx, slide) { 
        return '<a href="#">' + slide.title + '</a>'; 
    } 
});	
	$('#test').append($('#nav'));			
			
  	</SCRIPT>  
分享到:
评论

相关推荐

    WPF遍历循环显示本地图片

    C:\Documents and Settings\Administrator\桌面\扫描图像测试 比方说,这个路径下有10张图片,可以循环点击显示这10张图片 使用FileStream 解决文件被进程占用问题。使用一个计数变量,可以头尾循环

    C#窗体循环显示图片

    在C#编程环境中,开发一个窗体应用来循环显示多张图片是一项常见的任务,尤其在创建用户界面或者制作多媒体展示时。本知识点将详细介绍如何利用C# WinForms技术实现这一功能,包括窗体设计、图像处理和定时器控件的...

    ViewPage循环滑动(解决2页图片不显示问题)

    相信大家做ViewPage循环滑动只有2页的时候都会出现页面不显示的问题。这个demo解决了2页图片不显示问题;有两个demo;第一个ViewPagerDemo...第二个ViewPagerDemo(3张图片循环显示不会有问题,而2张图片循环则有BUG)

    android gif图片循环显示

    4. **循环显示多张GIF**:如果要循环显示多张GIF,你可以创建一个数组,存储所有GIF资源ID或文件路径,然后通过计时器(`Timer`或`Handler`)定时切换`GIFView`的图片源。例如: ```java int[] gifIds = {R.raw....

    图片循环显示窗体

    在C#编程环境中,开发一个图片循环显示窗体是一个常见的任务,尤其在创建用户界面或者进行多媒体应用时。这个程序的核心在于如何有效地管理和控制多幅图片的显示,并提供开始、停止以及复位的功能。以下是对这个项目...

    Android Gallery 一次一张图片,可以循环显示,可显示当前为第几张图片

    尽管如此,理解如何在旧版本的Android系统中实现特定功能,如标题所描述的“一次一张图片,可以循环显示,可显示当前为第几张图片”,仍然是有价值的。 首先,让我们讨论`Gallery`的基本用法。`Gallery`继承自`...

    javascript经典特效---图片循环显示.rar

    标题"javascript经典特效---图片循环显示"涉及到的就是使用JavaScript来实现一个图片轮播(或称图片循环显示)的效果,这是网页设计中常见的视觉呈现方式。 图片循环显示的基本原理是通过JavaScript来控制一组图片...

    js两张图片并列循环滚动

    这个效果可以让两张图片在一个设定的容器内并排显示,并按照预设的时序进行左右切换,营造出循环滚动的视觉体验。 首先,我们需要一个HTML结构来承载这两张图片。可以创建两个`&lt;img&gt;`标签,并通过CSS设置其并列显示...

    js两张图片并列循环滚动图片特效

    本项目名为“js两张图片并列循环滚动图片特效”,它提供了将两张(或更多)图片并列展示,并通过点击实现循环滚动的JavaScript解决方案。这种效果常用于产品展示、轮播广告等场景,使得页面更具视觉吸引力。 首先,...

    QT连续显示多幅图片看起来像动画

    在Qt框架下,实现连续显示多幅图片以模拟动画效果是一项常见的任务,尤其适用于创建简单的游戏或动态用户界面。在给定的标题和描述中,我们可以看出开发者在Windows的Qt Creator环境中利用Qt定时器(QTimer)来实现...

    Android可循环显示图像的Android Gallery组件用法实例

    通过这种方式,当用户滚动到`Gallery`的最后一张图片时,系统会尝试加载下一张图片,但由于我们返回的总数比实际图片多1,所以实际上会加载第一张图片,实现了循环显示的效果。 最后,将自定义的`ImageAdapter`设置...

    图片循环显示(幻灯片效果)

    ### 图片循环显示(幻灯片效果)技术解析 #### 技术背景及应用场景 在网页设计中,图片循环显示通常被用来展示一系列图片或广告,以提高用户体验和吸引用户的注意力。这种效果常用于网站的轮播图、产品展示、新闻...

    用C#语言实现的图片循环播放

    对于图片循环播放,我们首先需要创建一个窗口应用程序,添加一个PictureBox控件,用于显示图片。PictureBox控件是Windows Forms中的一个常用组件,可以用来显示图像文件。接着,我们需要一个图片集合,可以是从文件...

    Qt循环播放一组图片

    通过以上步骤,你可以在Qt中实现一个基本的图片循环播放功能,同时适应不同分辨率的显示。这只是一个基础示例,实际应用中可能需要添加更多的功能,比如平滑过渡效果、图片加载进度条、暂停/继续播放等。在开发过程...

    IOS屏幕图片循环切换缩放

    在这个场景中,我们可以在UIScrollView中添加多张图片,通过调整其contentSize来实现水平或垂直方向的滚动。为了使图片可以循环切换,我们需要设置ScrollView的`isPagingEnabled`属性为`true`,这样当用户滑动到边界...

    Android循环显示图片代码

    在Android系统开发中,循环显示图片是一个常见的需求,例如在轮播广告、相册应用或者背景切换等场景。为了实现这一功能,开发者通常会利用视图滚动、图像加载库以及定时器等技术。下面我们将详细探讨如何在Android中...

    JavaScript控制多张图片循环播放(淡入淡出效果)

    在JavaScript编程中,实现多张图片的循环播放并带有淡入淡出效果是一项常见的动态效果需求,这在网页设计和用户体验提升中具有重要意义。本文将详细介绍如何利用JavaScript实现这一功能,以及涉及到的相关知识点。 ...

    页面实现多个图片轮播功能demo

    在网页设计中,图片轮播是一种常见的展示方式,它能够以动态的形式展示多张图片,增强用户体验。本项目“页面实现多个图片轮播功能demo”旨在教你如何使用原生JavaScript来实现这一功能,同时通过调用同一函数实现...

    自动持续显示多张图片

    综上所述,实现"自动持续显示多张图片"的技术方案包括CSS3动画、JavaScript定时器、图片数组循环、CSS精灵图以及响应式设计。根据实际项目需求,可以选择合适的方法或组合使用这些技术,以达到最佳的用户体验。

    C# winform 图片连续性切换显示

    可以使用pictureBox.Image属性来设置单张图片,如果有多张图片,可以将它们存储在一个List集合中。 ```csharp List&lt;Image&gt; images = new List(); images.Add(Image.FromFile("image1.png")); images.Add(Image.From...

Global site tag (gtag.js) - Google Analytics