Ajax.ruУвеличение картинки при нажатии
| Параметр | Значение |
|---|---|
| Категория | Другие скрипты |
| Добавил | uAdministrator |
| Дата публикации | 11.05.2024, 02:00 |
| Авторский | |
| Адапт. дизайн | |
| Просмотрен | 39 |
Суть данного скрипта ("Увеличение картинки при нажатии на нее") состоит в следующем, когда пользователи вашего сайта будут кликать на картинку, то будет происходить так сказать "чудо", картинка будет увеличиваться, а если пользователь еще раз нажмет на туже самую картинку, то эта же картинка примет свой первоначальный вид, т.е. вернутся исходные размеры. Данное "чудо" реализуется очень просто, необходимо прочитать инструкцию по установке скрипта расположенную ниже.
Установка:
- И так приступаем к установке данного скрипта. Код отвечающий за уменьшение и увеличение картинки - вставьте в нижнюю часть сайта перед закрывающим тегом:
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)", если кто-то не догнал или не понял как этот атрибут необходимо прописать в изображении, смотрите пример ниже:
Комментариев пока нет..
Ты можешь быть первым, кто оставит комментарий к публикации!
| Всего комментариев: 0 | |