jquery javascript открывает новую ссылку на изображение

Мне нужна помощь с этим. Я пытаюсь сделать URL-адрес ссылки на изображение (ad1.jpg), который будет открыт на новой вкладке. Как бы я это сделал? Я пробовал много вариантов, чтобы сделать эту работу. Возможно, я неправильно размещаю код, но я пробовал window.open и многие другие варианты. Любая помощь приветствуется. Спасибо

(function($){
    $(window).load(function(){
        if(jQuery.isFunction(jQuery.fn.prettyPhoto)) {
            $.prettyPhoto.open(
                "images/ad1.jpg", // Image to be opened
                "title",    // Title of the pop-up
                "desc."     // The description
            );
            setTimeout(function() {
                $.prettyPhoto.close();
            }, 10000); // autoclose after 10 seconds
        } else {
            console.log("PrettyPhoto is not defined."); // log this message
        }
    });
})(jQuery);

person takashima    schedule 27.08.2014    source источник


Ответы (2)


Является ли jquery обязательным условием? Потому что, если вы хотите щелкнуть изображение и открыть его в новой вкладке, вы можете просто использовать target="_blank" следующим образом:

<a href="http://link.to.your.image" target="_blank">
<img src="http://link.to.your.image" />
</a>

Посмотрите эту демонстрацию jsfiddle

person tgogos    schedule 27.08.2014
comment
Это не сработает. Изображение определено, пожалуйста, посмотрите на ‹script›‹/script› HTML там ничего не помогает. - person takashima; 27.08.2014

Если вы хотите, чтобы изображение открывалось в новой вкладке, достаточно простой ссылки <a href="images/ad1.jpg" target="_blank"> на изображение.

Но если вы хотите открыть изображение в новой вкладке, с рамками и т. д. из красивой фотографии, я думаю, вам придется создать страницу, посвященную этому, и создать ссылку на нее.

person tetram    schedule 27.08.2014
comment
Это не сработает. Изображение определено, пожалуйста, посмотрите на ‹script›‹/script› HTML там ничего не помогает. - person takashima; 27.08.2014
comment
Я немного потерян. Не могли бы вы описать более конкретно, что вы хотите сделать? - person tetram; 27.08.2014
comment
да, в сценарии, где код images/ad1.jpg мне нужен, когда при нажатии на изображение открывается URL-адрес в новой вкладке. Этот скрипт не имеет html, он находится в нижнем колонтитуле, и когда сайт загружается, всплывающее окно работает, просто нужно изображение при нажатии, чтобы открыть новую вкладку с определенным URL-адресом. - person takashima; 27.08.2014
comment
Когда отображается всплывающее окно, я думаю, вы могли бы добавить к нему событие onclick? Использование функции jquery click. - person tetram; 27.08.2014