首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何使用jQuery

如何使用jQuery
EN

Stack Overflow用户
提问于 2008-12-16 08:40:11
回答 4查看 578关注 0票数 0

我已经在Main.htmlajax.php文件中编写了jQuery代码。ajax.php文件向Main.html返回图像的链接。

现在在Main.html中,我有Image1、Image2、Image3等。

我的Main.html文件:

代码语言:javascript
代码运行次数:0
运行
复制
<html>
    ...
    # ajax.php Call
    ...
    # Return fields from Ajax.php
</html>

我的ajax.php文件

代码语言:javascript
代码运行次数:0
运行
复制
echo "<a href='src1'><img src='src_path1' id='fid1' alt='Name1' /></a>Click To View image1\n";
echo "<a href='src2'><img src='src_path2' id='fid2' alt='Name2' /></a>Click To View image2\n";
// etc.

因此,在执行ajax.php之后,我获得了Main.html中的图像位置。

现在,当我单击来自Main.html的Image1链接时,相应的图像应该会显示在同一个窗口中。

因此,我考虑是否再次使用jQuery在同一页上查看图像。我如何才能做到这一点?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2008-12-17 14:12:58

文件ajax.php输出必须返回以下HTML

代码语言:javascript
代码运行次数:0
运行
复制
<a href="#" class="imageLink" title="fid1"><img src="src1" id="fid1" alt="Name1" style="display:none;" /><span>Click To View image1</span></a> 
<a href="#" class="imageLink" title="fid2"><img src="src2" id="fid2" alt="Name2" style="display:none;" /><span>Click To View image2</span></a> 
<a href="#" class="imageLink" title="fid3"><img src="src3" id="fid3" alt="Name3" style="display:none;" /><span>Click To View image3</span></a> 

jQuery代码:

代码语言:javascript
代码运行次数:0
运行
复制
$(document).ready(function(){
    $("a.imageLink").click(function(){
            $("#"+$(this).attr("title")).show();
        $(this).find("span").hide();
    });
});
票数 0
EN

Stack Overflow用户

发布于 2008-12-16 09:03:40

听起来你可能想看看jQuery lightbox plugin

票数 1
EN

Stack Overflow用户

发布于 2008-12-16 09:03:59

你可以这样做:

在html中定义此div:

代码语言:javascript
代码运行次数:0
运行
复制
<div id="pictureframe"></div>

现在,在图像链接上添加onclick处理程序,以执行以下操作:

代码语言:javascript
代码运行次数:0
运行
复制
$("#pictureframe").load(image_url);

您需要对代码进行结构化处理,以便轻松检索image_url。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/370716

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档