收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1914|回复: 9

[求助] 求助:图片展示

[复制链接]
发表于 2012-7-11 11:20:37 | 显示全部楼层 |阅读模式
本帖最后由 kissofw 于 2012-7-11 11:19 编辑






图片展示效果,前边还有一个图片缩略图的页面,点击缩略图链接到上边的页面,请教各位,怎么能够点击缩略图对应到相册中的大图图片?


发表于 2012-7-11 11:33:51 | 显示全部楼层
本帖最后由 qp3db 于 2012-7-11 11:34 编辑

小图如
<img src="小图" url="大图">

$("img").click(function() {
$("大图").attr("src",$(this).attr("url"));
});
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-7-14 19:42:19 | 显示全部楼层
本帖最后由 kissofw 于 2012-7-14 19:44 编辑

不好意思,我没表达清楚,是这样,前边还有一个页面


是想实现点击缩略图 链接到后面   相册展示对应的图片




求高手指导,非常感谢!
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-7-15 17:26:59 | 显示全部楼层
唉,没人指导下啊?
不知道这是一个菜鸟的问题,别人不屑于答,还是一个比较难的问题,没人愿意答呢?
回复 支持 反对

使用道具 举报

发表于 2012-7-15 22:27:37 | 显示全部楼层
找个jq这样的焦点图来改改的啦。
回复 支持 反对

使用道具 举报

发表于 2012-7-16 08:24:35 | 显示全部楼层
本帖最后由 qp3db 于 2012-7-16 08:25 编辑
kissofw 发表于 2012-7-14 19:42
不好意思,我没表达清楚,是这样,前边还有一个页面


LightBox 查阅地址:http://leandrovieira.com/projects/jquery/lightbox/
下载地址:http://leandrovieira.com/download/7/

查阅我的LightBox Demo:http://bbs.reaft.com/shop/default.html
回复 支持 反对

使用道具 举报

发表于 2012-7-16 08:39:41 | 显示全部楼层
上面正解 jquery插件吧
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-7-16 23:09:24 | 显示全部楼层
看过lightbox了,链接都是 rel    然后弹出层的

想做成slider kit   展示的  就是不知道前边的  缩略图怎么链接到插件的   对应的图片
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-7-26 18:06:30 | 显示全部楼层
<script type="text/javascript">
                        $(window).load(function(){ //$(window).load() must be used instead of $(document).ready() because of Webkit compatibility                               
                                var startIndex=location.search.substring(4);
                                //alert(startIndex);                               
                                // Photo gallery > With captions
                                $(".photosgallery-captions").sliderkit({
                                        mousewheel:false,
                                        keyboard:true,
                                        shownavitems:4,
                                        start:startIndex,
                                        auto:false,
                                        delaycaptions:true
                                });
                                                                               
                        });       

                </script>
回复 支持 反对

使用道具 举报

发表于 2012-9-24 21:19:17 | 显示全部楼层
不懂啊
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-10-28 10:39 , Processed in 0.093516 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表