使用jQuery打开一个新的图像链接的代码发布
问题出现的原因是需要在点击图片时在新标签页中打开一个URL链接。解决方法是在脚本中正确地使用window.open函数。以下是整理后的
尝试以下代码:
(function($){ $(window).load(function(){ if(jQuery.isFunction(jQuery.fn.prettyPhoto)) { $.prettyPhoto.open( "images/ad1.jpg", // 要打开的图片 "标题", // 弹出窗口的标题 "描述" // 图片描述 ); $("#fullResImage").click(function() { window.open("URL链接"); }); setTimeout(function() { $.prettyPhoto.close(); }, 10000); // 10秒后自动关闭 } else { console.log("PrettyPhoto未定义。"); // 在控制台输出此信息 } }); })(jQuery);
假设显示的图片的id始终为fullResImage。我在http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation找到了这些信息。
如果你查看脚本,图片加载得很好,我需要的是当你点击图片时,在新标签页中打开一个URL链接。
所以,类似于以下代码:
var img = document.getElementById("#theImage"); img.onclick = function() { window.open("URL链接"); }
在脚本中,以下代码可以正常工作:
$.prettyPhoto.open( "images/ad1.jpg", // 要打开的图片 "标题", // 弹出窗口的标题 "描述" // 图片描述 )
希望images/ad1.jpg在点击时能够在另一个标签页中加载URL链接。
我可能在脚本中错误地使用了window.open函数。请问有人可以将其正确地放入脚本中,以便我可以尝试一下吗?谢谢!我对jquery还不太熟悉。
好的,现在我明白你的意思了。你希望弹出窗口中的图片显示出来,并且在点击后在新的标签页中打开URL链接,对吗?
好的。我不打算再花一个小时来阅读有关jquery和prettyphoto如何工作的文档了,我只使用原生的JavaScript。你只需要查找如何向弹出窗口中的图片添加一个onclick事件处理程序。你可能还需要一种选择图片的方式,以便添加处理程序。之后应该很容易实现。如果你已经了解了这些,我没能帮到你,对不起。祝你好运!
我已经编辑了我的原始帖子。试试看这个。
很遗憾,这个也不起作用...
我最后尝试的是将.click(function(){...}改为.on("click", function(){...}。如果这样也不起作用,我真的不知道了。抱歉。:/