圖片Javascript彈出

Question

我正在尋找一個圖片彈出的解決方案。

通常的圖像被放大鼠標點擊。這個想法應該像Highslide pop-up一樣。我想使用CSS分配事件。例如，如果img標籤有一個特定的類，該圖像應放大。

也許有人有一個很好的解決方案。

Answer 1

嘗試fancybox。他們在網站和代碼示例上有演示，因此您應該能夠弄清楚如何僅在某個類的元素上觸發它。

$('img.someClass').fancybox({/* ..whatever options you want.. */ }); 

Answer 2

試試這個的jsfiddle：http://jsfiddle.net/3Z8RZ/37/

HTML：

<button>bigger</button> 
<img class="smaller" src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/26/YellowLabradorLooking_new.jpg/260px-YellowLabradorLooking_new.jpg"> 

JS：

 $(document.body).on('click', 'button', function() {   
     $('img').toggleClass('bigger');  
    });​ 

CSS：

.smaller{ 
width:50px; 
height:50px; 
} 
.bigger{ 
    width:250px; 
    height:250px; 
}​