文章/答案/技术大牛

发布

社区首页 >问答首页 >从服务器获取图像并以弹出方式显示的jQuery

问从服务器获取图像并以弹出方式显示的jQuery
EN

Stack Overflow用户

提问于 2015-01-22 12:06:27

回答 2查看 2K关注 0票数 1

我在服务器中有图像，我希望它们以弹出窗口的形式显示。

工作流程如下：

我得到了要显示图像的行的id。

2-我使用id进行Ajax调用，以便从服务器获取图像名。

3-我以的形式返回图像，如下所示：

 $options2.= "<a href=\"/js/images/up/".$name."\"\" data-jbox-image=\"gallery1\" title=\"My image\"><img src=\"/js/images/up/".$name."\"\" alt=\"\"></a>";

但在收到这封信时，我必须将其显示为弹出窗口。那是我被击中的地方。我可以在电视里看到。但我该如何在弹出窗口中显示出来呢？

5-我搜索并得到了这样一个弹出窗口，但我得到的图像动态，所以不知道如何应用这个。

new jBox('Image');

   <a href="/image1_large.jpg" title="My title 1" data-jbox-image="gallery1"><img src="/image1_small.jpg" alt=""></a>

请给我一些指导。

编辑

在当前页面中也没有图像，只有一个按钮，我想在其中使用ajax调用，将图像作为弹出返回。

jquery

ajax

popup

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-01-22 12:13:32

为此您可以使用Fancybox。这是一个类似于jBox的jQuery插件，但更容易使用。

代码示例：

$(document).ready(function() {

  $("a.imageLink").fancybox();

});

<a class="imageLink" href="image_big.jpg"><img src="image_small.jpg" alt=""/></a>

使用此代码在ajax成功函数上打开fancybox：

$.fancybox({
  'href'            : returnVal,
  'title'           : 'Lorem ipsum dolor sit amet',
  'transitionIn'    : 'elastic',
  'transitionOut'   : 'elastic'
});

票数 4

Stack Overflow用户

发布于 2015-01-22 12:17:36

尝试使用Jquery http://api.jqueryui.com/dialog/

$("#your-div-id-with-the-img").dialog();

票数 1

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

原文链接：

https://stackoverflow.com/questions/28088382

复制

相似问题

问从服务器获取图像并以弹出方式显示的jQuery
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从服务器获取图像并以弹出方式显示的jQueryEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从服务器获取图像并以弹出方式显示的jQuery
EN