2015-07-04 62 views
0

我要動態地通過點擊它(正常大小)加載一個完整的畫面。如何操縱後window.open DOM元素(「_自我」)

所以我

CSS

.full-image { 
    max-width: 100%; 
    max-height: 100%; 
    bottom: 0; 
    left: 0; 
    margin: auto; 
    overflow: auto; 
    position: fixed; 
    right: 0; 
    top: 0; 
} 

JS

$(document).ready(function() { 
    $('img').on("click", function() { 
     var img = $(this); 
     var myWindow = window.open("img.html"); 
     var src = img.attr('src'); 
     var document1 = myWindow.document; 
     $(myWindow.document).ready(function() { 
      alert(); 
      $(myWindow.document).contents().find('#image').attr('src', src); 
     }); 
    }); 
}); 

我想這answered question`每個變量,但最好的結果,我實現的是在粘貼的JavaScript代碼:新窗口被打開並且只有在按下提醒後,圖像纔會在新窗口中加載。

我會在同一窗口中加載圖像,但OBV加入「_self」不起作用。

新的HTML頁面是這樣的<img id = "image" class = "full-image"/>

感謝。

+0

請問您可以提供jsfiddle嗎? –

+0

我不明白你的問題。圖像應該已經加載到你的窗口中。圖像應該發生什麼? –

+0

如果你想在同一個窗口,而不是簡單的[這樣做](http://jsfiddle.net/z3p9wz32/1/)。 – skobaljic

回答

0

我想我知道你要問什麼。這是一個解決方案。

裹在正常a標籤的圖像。將href設置爲/img.html?src=x,其中x是img src

在img.html上,有一些Javascript來從URL中獲取值(在Stack上有這樣做的方法),然後將該頁上的img src設置爲該值。

的jsfiddle並不理想,「因爲它是一個單頁的事情,但我想告訴你它是如何工作here。選擇器需要稍微調整。

+0

它的工作原理,謝謝。但我不知道我以前的代碼是不是這樣做的... – ALBEDIGIO