Увеличение картинки при нажатии на нее для uCoz
Суть данного скрипта состоит в следующем, когда пользователи вашего сайта будут кликать на картинку, то картинка будет увеличиваться, а если пользователь еще раз нажмет на туже самую картинку, то эта же картинка примет свой первоначальный вид.

И так приступаем к установке данного скрипта. Код отвечающий за уменьшение и увеличение картинки - вставьте в нижнюю часть сайта перед закрывающим тегом :


Код
<script language = "JavaScript">  
  var bigsize = "300"; //Размер большой картинки  
  var smallsize = "150"; //Размер маленькой картинки  
  function changeSizeImage(im) {  
  if(im.height == bigsize) im.height = smallsize;  
  else im.height = bigsize;  
}  
</script>

Размеры изображения можете прописать какие вам угодно.



Теперь необходимо, что бы при нажатии на ваше изображение оно увеличивалось, это делается очень просто, необходимо прописать к нужному изображению атрибут onclick="changeSizeImage(this)", если кто-то не догнал или не понял как этот атрибут необходимо прописать в изображении, смотрите пример ниже...


Код
<img src="/картинка.jpg" height="150" onclick="changeSizeImage(this)"/>

На этом всё!

Всего комментариев: (0)

_LOGGED_IN$)?>
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.

Случайные материалы

Сколько времени тому назад был добавлен материал для сайтов на uCoz
Сколько времени тому назад был доба
Кнопка вверх/вниз для uCoz
Кнопка вверх/вниз для uCoz
Ajax окна как на Kanavas
Ajax окна как на Kanavas
Форма входа и навигация на CSS
Форма входа и навигация на CSS
Плавающая кнопка меню от Kanavas
Плавающая кнопка меню от Kanavas
Выход с сайт с уведомлением в uwnd окне
Выход с сайт с уведомлением в uwnd