Tag: 灯箱

PrettyPhoto Jquery灯箱链接问题: 我正在使用梦幻般的PrettyPhoto灯箱，一个Jquery灯箱克隆。要启动带有iframe的灯箱，这就是代码 Google.com 这很棒！问题是我使用javascript来使用此代码制作一些div的链接不幸的是，这不起作用。我怀疑这是因为DIV不支持rel属性。有没有人对如何过来这个有任何想法？谢谢你的帮助，蒂姆

灯箱没有图像只是文字？: 我目前正在使用由…提供的灯箱… http://leandrovieira.com/projects/jquery/lightbox/ 如何点击作品，它会调出灯箱并显示文字而不是图像？我想要的是灯箱中显示的条款和条件。 HTML Terms & Conditions jQuery的 $(function () { $(‘#terms a’).lightBox(); });

如何在文本输入上方放置自动完成菜单？: 有没有办法在文本输入上方显示自动完成结果集？问题是我在lighbox应用程序中使用它。背景元素设置为页面高度和宽度的100％，它自然不会随其内容扩展。因此，如果文本框上方的内容增加太多以至于输入被强制朝向页面底部，然后用户在其中键入内容，则会出现自动完成菜单，并且输入朝向页面末尾，即菜单导致滚动条出现由于背景元素（深色）不会扩展以适应它，因为菜单是绝对定位的，它看起来很丑陋，页面底部显示为白色（与实际页面的颜色一致），而页面顶部则为黑色。所以无论如何要做到这一点，在出现自动完成菜单之前，应该检查输入的位置。如果它是，例如，从顶部超过300px，那么菜单应该出现在输入上方？这是代码： Filter div.filtertab { display: inline-block; height: 30px; background:url(filter.png); border-radius: 5px; position: relative; margin: 10px 45px 10px 8px; cursor: pointer; -moz-user-select: none; box-shadow: 4px 2px 2px #aaaaaa; } div.filtertab span.filtertext { position: relative; margin-top: 4px; margin-left: 11px; margin-right: 1px;font-family:cursive,”Comic Sans”; font-size: 0.9em; float: left; display: inline-block; } span.arrow […]

滚动div而不是页面: 我在一个正在处理的网站上有一个灯箱，它的行为类似于“查看源”按钮。背景变暗并显示源，但只有在鼠标hover在特定div时才会滚动（或者在此情况下为pre ）。我想能够，例如，让我的鼠标在页面的顶角，向下滚动，我希望主灯箱滚动。有很多代码所以我用过： overflow-x: hidden; overflow-y: scroll; 我确定它需要一些JavaScript或jQuery，但我不知道在哪里。当您向下滚动并单击“查看完整代码”时，会在此页面上显示。有任何想法吗？

最好的基于jquery的灯箱/弹出窗口对话框？: 我正在寻找一个基于jquery的弹出对话框，我们将用于：显示静态内容页面（使用条款等）联系我们页面（已经使用jquery表单插件进行ajax提交）显示照片缩略图的全尺寸。任何人都可以推荐一款能够满足以上所有要求并且重量轻且易于使用的产品吗？提前致谢。

jQuery灯箱图库: jQuery插件是否存在标准灯箱function？在“灯箱”窗口中，我想在同一个“灯箱”窗口中的某个位置（左侧，底部等）显示当前图像和其余部分作为缩略图。

有没有非常轻量级的灯箱？: 我正在为jQuery寻找一个极轻量级的灯箱。我正在努力创造我自己的但我很糟糕，我的拳头即将通过屏幕….我说的话就像5kb或更少..我知道它可以做到，如果我知道我在做什么我会这样做……但我刚刚完成了这一天。那么，有人知道吗？只是图像的东西，没有别的，没有花哨的废话，没有额外的重量，只是简单地将灯箱放在屏幕中央，链接加载了任何图片。

jquery：当我在文档上添加图层时，如何重置文档滚动条？: 当我在文档上添加图层时，如何重置文档滚动条？例如，当你有一个很长的文档时，就像facebook页面一样，你需要向下滚动才能看到较旧的图像/post，当您单击照片时，滚动条已更改 – 它从顶部开始，但文档页面根本没有跳转，关闭照片查看器图层时，滚动条将恢复为之前的状态，但页面不会跳转。到目前为止，这是我的工作代码，但它不像我预期的那样工作。 $(‘.get-photo’).click(function(){ var object = $(this); var object_path = object.attr(‘href’); //alert(object_path); $(document.body).append(“”); $(document.body).append(”); var layer_background = $(‘.background-photo’); var height_document = $(document).height(); var scroll_top = $(window).scrollTop(); layer_background.css({ width:’100%’, height:height_document + ‘px’, background: ‘#fff’, opacity: 0.4, position:’absolute’, top:0, left:0, zIndex:’100′ }); $(‘.photos-holder’).css({ width:’800px’, height:’500px’, background:’#ffffff’, border:’1px solid #000′, marginLeft:’-400px’, position:’absolute’, top: […]

在动态添加的内容上激活灯箱: 我正在开发一个小组合，我可以在其中选择一个类别，当我点击它时，将显示该类别的内容（缩略图）（这是通过数组）。例如 photography[0] = photography[1] = 首先，该网站显示所有类别的内容，当我点击缩略图时，它会激活灯箱，但是如果我选择一个类别，然后按其中一个剩余的缩略图只是导致图像，并且不会使用灯箱打开图像。这是缩略图在页面初始加载时的样子：选择类别后，它会删除div中的内容，并将其替换为其他内容，例如完全相同的内容。（所以rel =“lightbox”仍然存在）。如果有人可以帮我解决这个问题，我会喜欢它（我正在使用jquery btw）。在回应Alex Sexton之后编辑： $(“.thumbnaila”).live(“mouseover”, function(){ activateLightbox($(this));}); function activateLightbox(dit) { $(‘a[rel=”lightbox”]’).lightBox({ overlayBgColor: ‘#000’, overlayOpacity: 0.65, containerResizeSpeed: 350 }); } 但是现在当我选择一个类别并选择一个缩略图时，它会加载正确的灯箱，但也会在我想要的那个上方加载一个空的灯箱，如你所见：有人知道是什么原因造成的吗？