javascript - 如何使用导航按钮从服务器加载 div 中的图像?

标签 javascript php jquery html css

我已经设置了缩略图和上一个和下一个按钮。单击缩略图时,它会加载一个带有导航按钮的空白 div。我已经在网站的文件夹中保存了大图片。

http://www.robertfikesiv.com/

所以我的问题是如何在单击缩略图时将图像加载到 div 中,并在使用上一个/下一个按钮删除当前图像并加载下一个或上一个图像时让这些图像交换进出在列表中?

这需要 AJAX 吗? PHP?还是 jQuery 就足够了?

最初我打算使用 display:none 属性加载页面上的所有图像,并使用 jQuery 浏览它们。该网站最终将有一个预加载器,但我想要性能和加载时间的最佳策略。

最佳答案

只要您可以使用插件,而不是在 jquery 中从头开始编写一些东西,您是否考虑过使用 lighbox?有很多选项,而且设置起来很容易。

这是一个非常好的:http://fancybox.net/

关于javascript - 如何使用导航按钮从服务器加载 div 中的图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27683042/

相关文章:

javascript - 如何使用单击功能添加下一个元素类

javascript - 使用变量访问 d3 中的嵌套 json 键

javascript - 正则表达式检查 JavaScript 中的纬度/经度

javascript - ExtJS button2 onClick 通过组件执行点击button1

php - OpenSSL 错误消息 : error:1416F086:SSL routines:tls_process_server_certificate:certificate verify failed

php - 在 php 中使用正则表达式验证十六进制和 rgba 颜色

jQuery:选择器问题(最接近)

jquery - Microsoft JScript 运行时错误 : Object doesn't support property or method 'slice' IE8 MVC

javascript - 如何动态添加行 - jquery 与 ajax php 组合?

php - 如何统计最后: hour/day/week/month/year ?中访问次数最多的页面 - PHP+MySQL