Question

Мне поставили следующую задачу:

При нажатии на ссылку меню открывается список анонсов, у каждого анонса своя мини картинка, при нажатии подробнее, открывается вся инфа этой статьи с этой же мини картинкой.
Вопрос.
можно ли сделать так:
1) В лучшем варианте при наведении на эту картинку она увеличивалась в размере раза в 2 или в 3, но увеличивалась как бы отдельно, не затрагивая текст.
2) другой вариант, сделать хотя бы ее ссылкой, чтобы при нажатии на мини картинку она открывалась в новом окне увеличенная раза в 2 или в 3.

Заранее спасибо.

Answer 1

Ну если это должна быть таже самая картинка - тогда что вам мешает присвоить ей ID, а при событии onMouseOver (при наведении) или onclick (при нажатии( вызывать

Код
document.getElementById('ваш_id').style.height='новая_высота'; document.getElementById('ваш_id').style.weight='новая_ширина';

Если же должна открываться новая картинка, тогда соответственно можно делать примерно следующее:

Код
document.getElementById('ваш_id').src='путь_до_новой_картинки';

Answer 2

как присвоить id для картинки? и в каком файле это можно сделать?

Я нашел код который выводит картинку,

Код
echo   '<td width="10%"><img src="' .$imgpath. '" width="97" height="97" alt="' .$El['NAME']. '" title="' .$El['NAME']. '"></td>';

куда здесь прописать onMouseOver с кодом?

Answer 3

Можно даже так:

Код
echo   '<td width="10%"><img src="' .$imgpath. '" width="97" height="97" alt="' .$El['NAME']. '" title="' .$El['NAME']. '" onMouseOver="javascript:this.src='путь_до_новой_картинки';" onMouseOut="javascript:this.src='путь_до_старой_картинки'"></td>';

Answer 4

У меня тот же самый вопрос, только я не могу найти код. Вот этот вот, который вы нашли. Как его найти. Помогите пож.

Я нашел код который выводит картинку,
Код
echo '[td]<img src="' .$imgpath. '" width="97" height="97" alt="' .$El['NAME']. '" title="' .$El['NAME']. '">[/td]';

куда здесь прописать onMouseOver с кодом?