使用jQuery打开一个新的图像链接的代码发布

13 浏览
0 Comments

使用jQuery打开一个新的图像链接的代码发布

我需要一些帮助。我试图让一个图片(ad1.jpg)的链接在新标签页中打开。我应该如何做到这一点?我尝试了许多选项来使这个工作。我可能把代码放错了位置,但我已经尝试了window.open和许多其他选项。非常感谢任何帮助。谢谢!

0
0 Comments

问题出现的原因是需要在点击图片时在新标签页中打开一个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(){...}。如果这样也不起作用,我真的不知道了。抱歉。:/

0