草庐IT

lightbox

全部标签

javascript - 视频播放完成后如何显示灯箱?

我有一个youtube视频。我想在停止播放时显示一个灯箱。我需要使用javascript/jQuery或PHP来完成此操作。Ajax也很好。我寻找了一种解决方案,但没有找到有效的解决方案。 最佳答案 如果你可以使用youtubeapi,那么像这样的东西应该可以工作:$(document).ready(function(){varplayer;functiononYouTubePlayerAPIReady(){player=newYT.Player('player',{height:'390',width:'640',videoId:

javascript - prettyPhoto 一页上的多个画廊

我正在构建一个worpdress网站,并在使用短代码构建的页面上有多个画廊。目前,所有图像都被赋予了rel属性“prettyPhoto[1]”,但我需要将每个画廊分开。我在页面上总共有56张图片,所以当画廊1的第一张图片在灯箱中打开时它说1/56我可以点击所有56张图片,我想要的是画廊一说1/16然后画廊1/16等我被告知在我的raw.js文件中编辑这行脚本:$(".gallery-icona").attr('rel','prettyPhoto[1]');但不确定如何处理它?任何帮助将不胜感激。以下是相关页面的链接:http://www.tetra-shed.co.uk/news/

javascript - 使用嵌入式灯箱的 Paypal 预付款

我在做嵌入式自适应预付款,现在我面临的问题是如何使用灯箱实现预付款。我已经通过使用灯箱设置paykey来实现支付操作,它工作正常,但同样的事情我在代码中进行了少量修改以用于预批准请求,但它不起作用灯箱挂断了。请让我知道我在这里缺少什么。HTML代码:BuyNow:vardgFlow=newPAYPAL.apps.DGFlow({trigger:'submitBtn'}); 最佳答案 dg.js已过时,因为PayPal正在淘汰DG产品,您可以改为包含“apdg.js”,并将操作URL从pay更改为预批准APRedirectionDem

Javascript/CSS 灯箱仅适用于第一个元素?

我试图在点击每张照片时在Javascript/CSS灯箱中打开我的每张照片。目前,只有我的照片列表中的第一张照片在灯箱中打开。其他照片不会在灯箱中打开。请有人解释/告诉我这是为什么,并解释/告诉我这样做的正确方法吗?这是我的HTML/PHP:query("SELECT*FROMuser_dataWHEREuser_id=$p_id");if($result4->num_rows>0){echo'';echo'';echo'';echo'';echo'';echo'';}?>×CSS:#myImg{cursor:pointer;transition:0.3s;}#myImg:

javascript - 更改 onClick 事件中的 Javascript 焦点?

注意:一个可能的解决方案只需要在Firefox3.0中工作,我的应用程序不允许从IE访问!=)我有一个链接,点击后会向用户显示一个灯箱:showlightbox我的问题是当显示灯箱时,焦点仍然在链接上。因此,如果用户按下向上或向下键,他们最终会滚动主文档,而不是显示的灯箱!我尝试使用这样的代码将焦点设置到灯箱元素functionfocus_on_lightbox(){document.getElementById('lightbox_content').focus();}如果我在firebug控制台中键入它,它工作正常,但如果我将它包含在onclick代码段的末尾,它将不起作用。似乎我

javascript - 灯箱压缩图像

我目前在使用Lightbox2时遇到问题。所有脚本和CSS都已正确安装,我没有更改或向css和脚本添加代码。我每次都得到以下结果,但我似乎无法修复它。关于为什么这种情况不断发生的任何想法? 最佳答案 我遇到了同样的问题。幸运的是,解决方案非常简单:在lightbox.css中,将以下行添加到.lightbox.lb-image:最大宽度:继承;这应该可以解决您的问题。我在https://github.com/lokesh/lightbox2/issues/69找到了答案 关于javasc

javascript - 最小的 jQuery 灯箱脚本

最小的jQuery灯箱插件是什么(就大小而言)?接近Fancybox的东西,但更小:) 最佳答案 我写了一个名为Nitelite的低级jQuery灯箱脚本:https://github.com/premasagar/nitelite(缩小和压缩后为1.4KB)这种东西既可以单独使用,也可以构建功能更丰富的灯箱插件。它已用于几个项目的生产中:BBCWorldService小部件(单击新闻文章):http://www.bbc.co.uk/persian/services/2009/05/090512_pm_widget_conditio

javascript - JQuery Lightbox : thumbnails OK, 背景变暗,但不显示大图

我有一个奇怪的问题,灯箱似乎可以正常工作,但没有显示更大的图像。图片链接正确,显示的是缩略图,但没有全尺寸图片。控制台也没有报错。我的图库HTML设置如下:我已确保JQuery、JQueryUI、Lightbox.css、Lighbox.js和jquery.smooth-scroll.min.js都存在。页面是:http://www.fastfestival.com.au/gallery.html有人知道发生了什么吗?编辑:在控制台中检查,我发现调用Lightboxdiv时没有图像出现 最佳答案 与jQuery1.9的冲突​​与ne

javascript - 使 JQuery LightBox 插件与多个画廊一起工作

我正在尝试制作这个jquery插件=>http://leandrovieira.com/projects/jquery/lightbox/在同一页面上处理多个画廊。问题是,每次我单击某个图库中的图片时,我都会在同一页面上获取所有图库中的所有图片。假设我有2个画廊,每个画廊有6张照片。如果我单击图库1中的图片,我也会看到图库2中的图片。我试过类似的方法让它工作但没有成功:$(function(){$('div.gallery-6').each(function(){$(this).find('a.lightbox').lightBox();});});不幸的是,它不起作用!!!解决方法是

javascript - 如何通过 Javascript 获取 Magento baseUrl 然后在 jquery.hello-lightbox.min 中使用它?

我试图通过head.phtml文件中的javascript获取MagentoBaseUrl,然后在jquery.hello-lightbox.min文件中使用它,我需要baseUrl来获取一些图像。这是我在head.phtml文件中的内容:getBaseUrl();?>varbaseUrl=functiongetBaseUrl(baseUrl)然后在/js/jquery.hello-lightbox.min我有:(function($){functiongetBaseUrl(baseurl){vardomain=baseurl}varurrl='http://'+domain+'/sk