如何使用jQuery
如何使用jQuery
提问于 2008-12-16 08:40:11
我已经在Main.html和ajax.php文件中编写了jQuery代码。ajax.php文件向Main.html返回图像的链接。
现在在Main.html中，我有Image1、Image2、Image3等。
我的Main.html文件：
<html>
...
# ajax.php Call
...
# Return fields from Ajax.php
</html>我的ajax.php文件
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在同一页上查看图像。我如何才能做到这一点？
回答 4
Stack Overflow用户
回答已采纳
发布于 2008-12-17 14:12:58
文件ajax.php输出必须返回以下HTML
<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代码：
$(document).ready(function(){
$("a.imageLink").click(function(){
$("#"+$(this).attr("title")).show();
$(this).find("span").hide();
});
});Stack Overflow用户
发布于 2008-12-16 09:03:40
听起来你可能想看看jQuery lightbox plugin。
Stack Overflow用户
发布于 2008-12-16 09:03:59
你可以这样做：
在html中定义此div：
<div id="pictureframe"></div>现在，在图像链接上添加onclick处理程序，以执行以下操作：
$("#pictureframe").load(image_url);您需要对代码进行结构化处理，以便轻松检索image_url。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/370716
复制相关文章
相似问题
腾讯云开发者
