流行形象出DIV

的我怎麼會彈出一個圖片從它的股利，其寬度設置爲100％（以便它佔據了大部分屏幕）？注意：我不想使用任何插件。流行形象出DIV

我有這個至今：

<div class="container"> 
    <img src="thumbnail_image.png" /> 
</div>

JQuery的：

$(document).on("click", ".container img", function(event) { 

    /* Get the image name. */ 
    var src = $(this).attr('src').split('/'); 
    var file = src[src.length - 1]; 

    /* Load the big image into the container to replace the thumbnail. */ 
    $(this).attr('src', 'big_images/' + file); 
});

我會怎麼做呢？

來源

2014-03-24 Bagwell

你可以創建一個jQuery/JavaScript的收藏夾，支票出這個鏈接：http://cssjockey.com/tips/an-easy-way-to-create-light-box-with-jquery-css/ – radia

您可以使用固定的css位置。因此，定義這樣的類：

.fullscreen_image { 
    position: fixed; 
    top: 0; 
    left: 0 
    width: 100%; 
}

然後，您可以爲圖像添加和刪除此類。

$(this).addClass('fullscreen_image');

來源

2014-03-24 17:52:11

你需要做這樣的事情：

<div id="container"> 
    <img src="http://i.stack.imgur.com/QWQds.jpg?s=128&g=1" class="thumbnail"/> 
</div>

和jQuery代碼：

$('#container img').live('click',function(){ 

$(this).addClass('zoom'); 

});

檢查DEMOHERE

來源

2014-03-24 18:47:39

流行形象出DIV

回答

相關問題