日期:2014-05-17  浏览次数:20653 次

Jquery 点击按钮实现图片翻页
如题,想用Jquery或者JS实现点击按钮更换到下一张图片的效果。图片是存在数据库的。图片比较大,估计有10M。所以每次只加载一张,点击下一张的时候再通过ajax访问下一张。大概是这样的思想。不过没做过,求大神贴一些参考代码,或者连接网站。希望是贴近我要求的效果。

------解决方案--------------------
图片数组 + 组件数组
 循环赋值 怎么删除第一张 和后面的前移一张 数组操作应该会把.
 具体代码我也要看api.. 所以就讲个思路. 希望有大神过来吧.
------解决方案--------------------
数据库里面只是存一个地址而已,然后ajax获取到这个地址。再替换img的src就可以了。别说后台你不懂得获取下一张。
当然。。如果你只是说,鼠标点击图片上下页的话,可以根据jquery的鼠标实践。获取鼠标移入图片后的相对位置,然后判断是在图片的上半部分,还是下半部分,是左是右,这个只是高宽除以2的问题而已。
最后。你图片真要那么大的话,可以考虑一个比较简单的预处理方法。就是在当前这一张图片加载完后。用onload方法。在当前页面放一个hidden的div。然后里面弄个img标签。先加载下一张。让图片缓存下来。