Tag: 灯箱

jquery lightbox插件，同时通过ajax加载图像: 我有一个页面，我在页面加载时最初加载一堆图像。这些图像与灯箱插件绑定，当我点击图像时…插件确实做了它应该做的事情。但是，我通过jquery添加了一些ajax（由下拉框触发），它根据从服务器获取的内容更新图像列表。重新加载图像列表后，灯箱插件似乎不再起作用。有谁知道是否需要做一些特别的事情？以下是我的html页面中的代码（这是有效的）：以下是jquery ajaxfunction。感谢seth （现在我希望SO提到像twitter这样的function:) jQuery(function(){ jQuery(“select#rooms”).change(function(){ var options = ”; jQuery.getJSON(“/admin/selection.php”,{id: jQuery(this).val(), ajax: isAjax}, function(j){ for (var i = 0; i < j.length; i++) { var ul = jQuery('ul#imagesall').empty(); var images = j[i].images.split(','); jQuery.each( images , function(idx, img ) { ul.append('’); }) } }) }) })

Jquery next（）为一个画廊: 我自己创建了一种灯箱库，但我在加载下一张和上一张图片时$(“a.lightbox”).click(function (e) { var a = $(this).next().attr(‘href’); alert(a); });问题$(“a.lightbox”).click(function (e) { var a = $(this).next().attr(‘href’); alert(a); }); 如你所见，这个东西不起作用，我需要href包含下一个元素。我的HTML是这样的：

单击背景时禁用关闭弹出窗口: 我使用featherlight.js作为灯箱。当它打开并点击它的背景时，它会打开弹出窗口。我需要禁用此function。我注意到这个js中有closeTrigger选项，但不知道如何使用它。

使灯箱支持在网页上打印: 我知道这个想法是使用一个单独的样式表进行打印，当用户点击灯箱上的打印按钮时，该样式表会隐藏灯箱以外的所有内容。这听起来很容易，但总有一些障碍。所以我想知道是否有任何支持所有主流浏览器的工作示例。我在谷歌搜索并找到了许多灯箱，但没有一个内置打印按钮。

如何将jquery灯箱添加到通过ajax添加到页面的内容？: 我正在使用Instagram API将图库加载到页面上。 AJAX看起来像这样 $.ajax ({ type: ‘GET’, dataType: ‘jsonp’, cache: false, url: ‘https://api.instagram.com/v1/tags/food/media/recent?client_id=’+instagramCID, success: function(data) { for (i in data.data) { $(‘.instagram’).append(”); } } }); 在AJAX将内容加载到页面后，HTML呈现类似的内容：我知道在将动态内容添加到页面后我需要加载灯箱，但似乎无法弄清楚如何做到这一点。我从stackoverflow尝试的所有其他建议已经创建了疯狂的递归，它已经崩溃了我的浏览器。使用这个jquery灯箱插件： http ： //leandrovieira.com/projects/jquery/lightbox/

动态链接和jQuery Lightbox问题：在灯箱中加载图片……完全难倒！: 我有一个动态创建照片库链接的function。当单击缩略图时，该function还会生成较大的图像作为div的背景图像。我想要做的是有第三个事件，如果用户点击div中的放大图像，jQuery Fancybox会加载div中显示的更大版本的图像。问题是我正在使用的锚标签的链接是动态创建的，我知道当DOM准备好时Fancybox会解析HTML …不幸的是我的函数通过为完整大小的图像附加锚标记来更改DOM 。我需要的帮助是使用Fancybox的选项来指定插件的href属性。对不起，这太啰嗦……这是代码。 jQuery的： function gallery(picid, picnum){ var ext = ‘jpg’; var fullSize = ‘imgs/’+picid+’_full.’+ext; $(‘#photolarge’).css(“background”, ‘url(imgs/’+picid+’_large.’+ext+’) no-repeat’); $(‘#photolarge a’).attr( { href: fullSize //rel: ‘lightbox’, } ); $(“#lightboxlink”).click(function(){ $(‘#lightboxlink’).fancybox({ ‘autoDimensions’ : false, ‘width’ : ‘auto’, ‘height’ : ‘auto’, ‘href’ : fullSize }); }); return false; } HTML代码段后续CSS： #photolarge […]

jQuery Lightbox或与图像数组等效的: 我正在尝试实现一个Lightbox风格的图库，其中单击文本链接会启动从arrays加载的图像的幻灯片，而不是页面上的内联内容。我可以找到的所有示例都使用一组以某种方式相关的内联图像（即使用rel标签或类）。我想在Javascript数组中使用它们的路径来定义我的图像。任何人都知道解决方案或有任何指针？ TIA。

jquery lightbox inline – 没有弹出窗口: 我喜欢jquery灯箱控件看起来不错，并向我展示了一个x图像的标题等。我需要完全相同的东西，但没有弹出。所以whas现在可以看到我点击图像的thumnail我希望它可见作为我的页面上的内联内容第一个图像加载然后我可以使用下一个prev。当然，在这种情况下，关闭将不适用。 anybode是否知道这样的jquery插件或如何更改lightbox以使用withoud popup？谢谢。

lightbox-0.5 jquery兼容性问题: 我想从这里集成jquery lightbox插件： http ： //leandrovieira.com/projects/jquery/lightbox/ 它正在工作但只有jquery 1.2.3 当灯箱关闭并第二次启动时，即下一个和上一个链接不能正确循环照片，如果我点击下一个链接，照片的顺序开始跳转，而不是逐个浏览照片，点击它1,3,5等等顺便说一句，只有当我尝试使用键盘箭头导航时才会出现此问题，如果我使用鼠标然后它很好，但只能使用键盘奇怪的是，因为我试图解压缩原始提供的示例文件，我只是将jquery版本替换为新版本，这就是我发现这个问题的时候，我所做的只是将jquery版本从1.2.3更改为任何更新版本，这是问题开始的时候我尝试在Internet Explorer，firefox，chrome，safari甚至在不同的计算机上运行相同的HTML，但仍然是同样的问题

宜家风格灯箱: 这是宜家产品的产品清单。当用户将鼠标hover在某个产品上时，会触发一个灯箱并且该部分会水平展开： http://www.ikea.com/my/en/catalog/categories/departments/eating/16043/ 这里使用的Lightbox是什么？或者可以操纵哪个Lightbox来实现这一目标？谢谢。