phpbb民意調查 - 放大懸停圖片

Question

我正在使用phpbb論壇軟件。

我有一些圖像作爲phpbb民意調查中的一組選項。我顯示使用設置高亮

[img] path to image [/img] 

我想什麼做的是當用戶hvers的鼠標移動到該圖像的圖像，應該放大

我怎樣才能做到這一點？我嘗試了幾件事 - 修改common.css中的img的CSS，並嘗試添加一些樣式到img bbcode，但它不起作用...

任何幫助表示讚賞。

也有更好的方式把投票內的圖像？

Answer 1

在CSS文件，其中包含了形象設計，你可以有主要風格，就像這樣

.poll_image { width: 50px; height: 50px } 

，然後在鼠標懸停

.poll_image:hover { width: 100px; height: 100px } 

這應該再增加一倍的寬度&的高度鼠標懸停在圖像上，但當它移出時回到正常狀態。

Answer 2

這是做的工作，但需要CSS3的支持。

img.swell:hover { 
    transform:scale(1.1,1.1); 
    -ms-transform:scale(1.1,1.1); 
    -webkit-transform:scale(1.1,1.1);} 

然後

<img class="swell" src="image.jpg" />