Jquery Responsive Image Grid

Question

http://ozan.io/collage/

在上面的鏈接中有一個響應式圖像網格！在那裏，每個圖像上的鼠標懸停都會顯示一個標題！這不是一個div，但我認爲這是一個JavaScript數據字幕功能！我不想那樣！

我想是這樣的http://themes.themepunch.com/?theme=megafoliopro_jq

在鼠標懸停一個div將顯示覆蓋各中，我可以保持選項，如「刪除」，「插入題注」的形象，等等。

如何做到這一點????任何人？？？

Answer 1

我會這樣做div內div當你把鼠標懸停在它上面顯示。

<div class="outterDiv"> 
    <p> put some content here</p> 
    <div class="innerDiv" style="display:none; width:100%; height:100%;">put options here</div> 
</div> 

jQuery的

<script> 
    $('.outterDiv').hover(function(){ 
     $('.innerDiv').toggle(); 
    }, 
    function(){ 
     $('.innerDiv').toggle(); 
    }); 
</script> 

這將顯示內DIV，當你將鼠標懸停在外層div，當你的鼠標離開外層div隱藏它。