2014-08-27 2 views
0
(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); 

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

+0

где в вашем коде вы хотите открыть новую вкладку? – jvecsei

+0

Этот код сидит в нижнем колонтитуле в файле index.html. Когда домен запущен, код отображает сообщение правильно, но нужно, чтобы изображение было нажато, чтобы открыть URL-адрес на новой вкладке. – takashima

+0

Какое поведение вы наблюдаете в настоящее время (открыта ли ссылка на той же вкладке? Она не открывается нигде?)? Каков соответствующий HTML? – jtheletter

ответ

0

Попробуйте это:

(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 
      ); 
      $("#fullResImage").click(function() { 
       window.open("url/goes/here"); 
      }); 
      setTimeout(function() { 
       $.prettyPhoto.close(); 
      }, 10000); // autoclose after 10 seconds 
     } else { 
      console.log("PrettyPhoto is not defined."); // log this message 
     } 
    }); 
})(jQuery); 

Это предполагает изображение идентификатор отображаемого изображения всегда fullResImage. Я нашел эту информацию в http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation.

+0

, если вы посмотрите на сценарий, изображение загрузится нормально, мне нужно, когда вы нажимаете на изображение, он открывает URL-адрес на новой вкладке – takashima

+0

Так что-то вроде 'var img = document.getElementById (" # theImage "); img.onclick = function() {window.open ("/ url/here"); } '? – TW80000

+0

в скрипте '$ .prettyPhoto.open ( « images/ad1.jpg », // Изображение будет открыто « title », // Заголовок всплывающего окна « desc. »// Описание' работает вам нужно, чтобы изображения/ad1.jpg, чтобы щелкнуть, загрузите URL-адрес на другой вкладке. – takashima