js-怎样不限制图片数量进行图片展示与切换?

问题描述

怎样不限制图片数量进行图片展示与切换?

小弟有一个问题,在jsp中实现读取mysql数据库中的所有图片进行图片展示切换,
因为水平有限,只能用模板,可是在网上找的jquery模板都是固定数量的img标签,
我想的是能不能前台只有一个img标签,但是却能在这个img位置上切换所有数据库的图片。
还有另一种思路是打开一个页面后看到一个图片切换的页面,可以切换数据库的所有图片(类似于打开百度图片,可以一幅幅的切换)。

类似于这种效果,重点在于不固定数量。

解决方案

jsp不是有一个c:forEach么?所以没有现成的代码;但是这个省市区三级联动应该会对你有所提示,http://blog.csdn.net/qq_19558705/article/details/50329557

把图片都循环遍历;但是如果图片量大的话貌似不太合理。建议添加一个字段标识是否需要展示之类的。

 <c:forEach var="pv" items="${provinces}">
                        <option value="${pv.id}">${pv.name}</option>
                    </c:forEach>

轮展图切换可以参考这个:http://blog.csdn.net/qq_19558705/article/details/50364564

时间: 2024-10-31 11:06:11

js-怎样不限制图片数量进行图片展示与切换?的相关文章

js实现鼠标感应图片展示的方法

 这篇文章主要介绍了js实现鼠标感应图片展示的方法,实例分析了javascript鼠标事件及样式的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了js实现鼠标感应图片展示的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr

JS实现显示带倒影的图片横排居中放大展示特效实例【测试可用】_javascript技巧

本文实例讲述了JS实现显示带倒影的图片横排居中放大展示功能.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

使用JS实现图片展示瀑布流效果的实例代码_javascript技巧

不知大家有没有发现,一般的图片展示网站都会使用瀑布流效果,所谓的瀑布流 就是网站内的图片不会一下子全缓存出来,而是等你滚动到一定的距离的时候, 下面的图片才会继续缓存,并且图片也是随机出现的,只是宽度一样,高度并不 一样,高高低低就像瀑布一样,所以叫做瀑布流效果.下面我把代码给大家,大家 随便下几张图片试试. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&qu

js图片展示带左右箭头效果与下载地址

效果如下图 代码  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ut

jquery.gridrotator实现响应式图片展示画廊效果

本教程将教大家制作一个jQuery响应式图片展示画廊效果,所有图片以网格的形式排列,然后定时随机翻转其中某些格子用来切换图片.这种效果可以用来当做背景或装饰放在我们的网站上.       jquery.gridrotator是一款非常实用的响应式图片展示画廊插件.这款图片展示画廊插件将图片像网格一样排列,然后随机将某个格子中的图片翻转显示另一张图片.共有6种效果. HTML结构: HTML结构非常简单. ? 1 2 3 4 5 6 7 <div id="ri-grid" clas

AJAX 图片展示框架56个 提升开发效率第1/2页_AJAX相关

动态图片展示一方面能使用AJAX或Flash实现图片数据的异步获取,减少浏览的等待时间:一方面使用JavaScript+CSS定制友好的用户体验模式,是图片展览web应用程序开发的一大利器.这里收集的框架都是经过测试可用的,描述大多是各框架主页上的介绍,来不及翻译(有些是西班牙语的 @_@),主要收集来源为欧美和台湾的一些社区和博客,希望大家也能将自己收集的好框架拿出来一起分享! Ajax Image Galleries & Lightboxes MinishowcaseMinishowcase

基于jquery的手风琴图片展示效果实现方法_jquery

本文实例讲述了基于jquery的手风琴图片展示效果实现方法.分享给大家供大家参考.具体实现方法如下: 代码运行效果如下图所示: index.html页面代码如下: 复制代码 代码如下: <!DOCTYPE html> <html class=''> <head>     <title>一款基于jquery的手风琴图片展示效果demo</title>     <style class="cp-pen-styles">

jquery.gridrotator实现响应式图片展示画廊效果_jquery

 jquery.gridrotator是一款非常实用的响应式图片展示画廊插件.这款图片展示画廊插件将图片像网格一样排列,然后随机将某个格子中的图片翻转显示另一张图片.共有6种效果. HTML结构: HTML结构非常简单. <div id="ri-grid" class="ri-grid ri-grid-size-1 ri-shadow"> <ul> <li><a href="#"><img s

link环境下制作《订餐软件》,菜单旋转图片展示怎么做?

问题描述 link环境下制作<订餐软件>,菜单旋转图片展示怎么做? link环境下制作<订餐软件>,菜单旋转图片展示怎么做? 解决方案 google js 图片轮显,能找到很多. 解决方案二: 图片旋转比较好用的方法是使用矩阵的方式http://blog.sina.com.cn/s/blog_7f9e92450100wnnh.html 解决方案三: 用js或者框架去做..上网找一下很多的