Увеличение картинки при нажатии

Параметр Значение
Категория Другие скрипты
Добавил uAdministrator
Дата публикации 11.05.2024, 02:00
Размер файла
Авторский
Адапт. дизайн
Просмотрен 19

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

Установка:

  1. И так приступаем к установке данного скрипта. Код отвечающий за уменьшение и увеличение картинки - вставьте в нижнюю часть сайта перед закрывающим тегом:
Панель управления → Управление дизайном → Глобальные блоки → Нижняя часть сайта
Код
<script language = "JavaScript">  
var bigsize = "300"; //Размер большой картинки  
var smallsize = "150"; //Размер маленькой картинки  
function changeSizeImage(im) {  
if(im.height == bigsize) im.height = smallsize;  
else im.height = bigsize;  
}  
</script>

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

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

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

Теги: на, нажатии, при, нее, увеличение, картинки

Комментариев пока нет..

Ты можешь быть первым, кто оставит комментарий к публикации!

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



Администратор в сети
Администратор не в сети