phpbb poll - Увеличивать изображения при наведении

Я использую программное обеспечение форума phpbb.

У меня есть несколько изображений в качестве набора опций в опросе phpbb. Я показываю изображения, используя bbcode

[img] path to image [/img]

Что я хотел бы сделать, так это то, что когда пользователь наводит указатель мыши на это изображение, оно должно увеличиваться.

Как я могу достичь этого? Я пробовал несколько вещей - модифицировал css для img в common.css и пытался добавить стиль к bbcode img, но это не сработало...

Любая помощь приветствуется.

Также есть ли лучший способ поместить изображения в опрос?


php forum forums phpbb phpbb3
person user481913    schedule 02.05.2013    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Это работает, но требует поддержки 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" />
person jimmy    schedule 02.05.2013

arrow_upward
0
arrow_downward

В файле CSS, который включает стили для изображения, вы можете использовать основной стиль как что-то вроде

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

а затем при наведении мыши

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

Затем это должно удвоить ширину и высоту изображения, пока мышь находится над ним, но вернуться к нормальному состоянию, когда оно вернется.

person Ryan    schedule 02.05.2013