焦点图的图片如何通过数据库动态更新呢

问题描述

我要实现asp.net网站首页的滚动图片,目前图片上传已完成,数据库mysql里保存了上传图片的路径,首页的焦点图我在网上找了个现成的,是用js实现的。现在急需的是如何动态更新这些图片,使它们从数据库里读取图片的路径然后显示出来(我想要用asp.net读取数据库,通过js输出),而不是手写的src。我百度谷歌了好多天都没进展。希望高人指点啊!

解决方案

解决方案二:
提供四个思路,楼主看下:1.从后台读取图片路径,然后循环拼接成html流,用符号隔开(,或者|或者$什么的)然后赋值给一个publicstring(eg:imgHTML)类型变量,前台js读取后台这个变量(varimgSrc='<%=imgHTML%>';),然后数组拆分(imgHTML.split("|")[0]....你懂的);2.该页面继承一个基类,在OnPreInit事件时读取你要的图片路径,然后写入txt文本,生成js文件比如:varImg_ABC=newObject();Img_ABC.links=[{text:'土豆哥哥好',link:'http://baidu.com'},{text:'土豆哥哥好!',link:'http://baidu.com'},{text:'土豆哥哥好',link:'http://baidu.com'},{text:'土豆哥哥好',link:'http://baidu.com'},];

页面中用js去读txt文本,本人曾经测试这中效果效率不是很好;3.将这个焦点图做成用户控件,写几个属性进去;4.隔几分钟去异步读取图片路径,settimeout
解决方案三:
谢谢啊!我觉得第一种特靠谱!可是我没学过js,你能再具体点咩?项目很赶引用1楼joyhen的回复:

提供四个思路,楼主看下:1.从后台读取图片路径,然后循环拼接成html流,用符号隔开(,或者|或者$什么的)然后赋值给一个publicstring(eg:imgHTML)类型变量,前台js读取后台这个变量(varimgSrc='<%=imgHTML%>';),然后数组拆分(imgHTML.split("|")[0]....你懂的);2.该页面继承一个基类,在OnPreInit事件……

时间: 2024-09-21 07:50:27

焦点图的图片如何通过数据库动态更新呢的相关文章

Jquery 焦点图 用于图片展示效果代码_jquery

1 2 3 4 5

酷炫jQuery全屏3D焦点图动画效果_jquery

这又是一款很不错的jQuery焦点图动画,它的特点是整个焦点图基本是全屏显示的,非常大气,而且图片的倾斜也给整个焦点图3D立体的视觉效果,而且焦点图的图片切换非常流畅,相当实用. HTML代码: <div class="wrapper"> </div> <div id="pxs_container" class="pxs_container"> <div class="pxs_bg"&

jQuery实现百叶窗焦点图动画效果代码分享(附源码下载)_jquery

这是一款基于jQuery的百叶窗焦点图动画,和之前介绍的CSS3百叶窗焦点图动画不同的是,它的兼容性更好,实用性更强,因为它是基于纯jQuery的,基本上所有浏览器都能够支持.焦点图的图片切换动画是百叶窗的动画方式,但也有几种不同的百叶窗动画,因此也不会觉得单调. 在线演示     源码下载 HTML代码 <div id="slider"> <img src="images/1.jpg" alt="1" title="

jQuery的图片滑块焦点图插件整理推荐_jquery

1.jQuery实现的右侧选项卡焦点图片轮播动画 jQuery实现的右侧选项卡焦点图片轮播动画特效源码,是一段清新可爱的焦点图轮播代码,支持自动轮播与手动点击,是一段不错的焦点图切换代码. 在线演示 源码下载 2.jquery实现的网页缩略图大纲可滑动显示动态 query实现的网页缩略图大纲可滑动显示动态特效源码,是一款拥有网页大纲的缩略图显示的代码,点击滑动缩略图即可看到想要的东西,支持鼠标点击.拖动及鼠标滚动切换显示. 在线演示 源码下载 3.纯CSS3实现的自定义美化UL OL列表的3种发

基于jQuery实现的图片切换焦点图整理_jquery

1.js实现的七屏百叶窗焦点图动态特效 可以实现可以同时显示很多找竖行百叶窗效果的缩略图,代码,鼠标悬浮在一张缩略图上时,该图片就在原位置变亮并慢慢展开,同时两边的缩略图就往两边缩小靠近,需要此种焦点图效果的朋友们可以前来下载使用. 在线演示 源码下载 2.jQuery+CSS3实现的多种图片切换方式简易焦点图 今天要来分享一款简易的jQuery+CSS3焦点图应用,这款焦点图应用的图片切换方式非常丰富,而且焦点图的切换按钮比较小,图片篇幅占据比较大,因此总体比较大气. 在线演示 源码下载 3.

jQuery实现的图片分组切换焦点图插件_jquery

这是一款基于jQuery的图片切换焦点图插件,这款jQuery焦点图插件的特点是图片可以分组切换,也就是说一次可以切换多张图片,相比其他焦点图插件,它能节省更多的空间,可以向用户展示更多的图片,非常实用. 实现的代码. html代码: 复制代码 代码如下:  <div class="device">         <h2>             <a href="javascript:;" class="pre"

jquery焦点图插件实现图片轮播滚动效果

先看效果图   1.下载JQuery.slideBox和jquery插件,并引用  代码如下 复制代码 <link href="css/jquery.slideBox.css" rel="stylesheet" /> <script src="js/jquery-1.7.1.min.js"></script> <script src="js/jquery.slideBox.min.js"

jQuery焦点图切换简易插件制作过程全纪录_jquery

首页经常是需要一个焦点图切换的效果,最近做的项目也正好需要,所以在网上搜索,后面查到了一个半成品的插件,这里我自己修改了一下. js文件夹下面有两个文件夹jquery.jslide.js与jquery.jslides.js,前面一个是我改写的,第二个是原作者的文件.下图是效果图: 一.静态效果 <div class="slide_wrap"> <ul id="slides2" class="slide"> <li s

纯JS焦点图特效实例(可一个页面多用)_javascript技巧

实例如下: <!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"> <head> <meta http-equiv="Co