Форум Практика оптимизации Любые вопросы от новичков по оптимизации

Какой скрипт использовать?

@ngelus
На сайте с 07.08.2007
Offline
14
@ngelus
392

Может кто-нибудь из вас знает какой скрипт использовать, чтобы картинка, при нажатии на нее левой клавишей мыши, увеличивалась? А при повторном нажатии - уменьшалась?

Не зря у нас два уха и только ОДИН рот!
albion
На сайте с 07.10.2005
Offline
247
albion
#1
@ngelus:
Какой скрипт использовать?

Можно попробывать так:

<img 	
onMouseUP="this.removeAttribute('height');this.removeAttribute('width')" onDblClick="width=100;height=50"
src="image.jpg" width="100" height="50" >

При нажатии левой кнопкой - увеличивается до реальных размеров, а при двойном клике - возвращает изначальные размеры. При одном и том же событии(клик) выполнять разные действий - незнаю как сделать.

@ngelus
На сайте с 07.08.2007
Offline
14
@ngelus
#2

Я имел ввиду вот так.

albion
На сайте с 07.10.2005
Offline
247
albion
#3
@ngelus:
имел ввиду вот так.

А посмотреть, как там реализовано, не судьба?

Сам скрипт:

<script>
function showpicture(id, filename)
{
var item = document.getElementById('img'+id);
if (filename)
{
item.style.display='block';
item.innerHTML = '<a href=# onclick="return false"><img border=0 src=/pictures/'+filename+'></a>';
}
else item.style.display='none';
}
</script>

и картинка:

<a href="/pictures/PREV_1152781290_21130_big_orange.jpg" onclick="return false"><img alt="1001 ФУТБОЛКА :: футболки для печати :: дешевые футболки" src="/pictures/PREV_1152781290_21130_big_orange.jpg" onclick="showpicture(9,'1152781290_21130_big_orange.jpg');" border="0"></a>

Соответственно, в коде картинке подставляйте свои значения и все.

@ngelus
На сайте с 07.08.2007
Offline
14
@ngelus
#4

Огромное спасибо! :)

Только учусь...

albion
На сайте с 07.10.2005
Offline
247
albion
#5
@ngelus:
Огромное спасибо!
Только учусь...

Перед картинкой, еще нужно вставлять тег:

<div id=img9 style='margin-top:-100px; margin-left:-100px; position:absolute; display:none; border:1px solid gray; background-color:white;' onmouseout="showpicture(9,0);" onclick="showpicture(9,0);">&nbsp;</div>

Жирным помечен ID картинки.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий