Плавное увеличение картинки при наведении на нее курсора мыши

У начинающих веб-мастеров часто возникают вопрос: как сделать так, чтобы рисунок, размещенный на веб-странице увеличивался при наведении на него курсора мыши? Например, вот так: Или так: Делается это все очень просто. 1.Открываем любой редактор текста (например, блокнот) и копируем в него код: img.expando{ border: none; vertical-align: bottom; }img.expando{ border: none; vertical-align: bottom; } Теперь сохраняем файл на жестком диске компьютера, назвав его imagesize.css Скачать готовый файл imagesize.css 2. Аналогично создаем файл imagesize.js (скачать готовый файл). Вот его код: if (document.images){ (function(){ var cos, a = /Apple/.test(navigator.vendor), times = a? 20 : 40, speed = a? 40 : 20; var expConIm = function(im){ im = im || window.event; if (!expConIm.r.test (im.className)) im = im.target || im.srcElement || null; if читать дальше...→

«Зуммер» картинки при наведении курсора мышки

Цель - мгновенное изменение размеров картинки при наведении на неё курсора мышки (когда курсор отводится в сторону или убирается с картинки - она возвращается к первоначальному размеру). При обследовании интернета на предмет нахождения чего-то подобного было просмотрено много вариантов. Ну вот например, описанный в другой статье способ, позволяет плавно изменять размер от минимума, заданного изначальными размерами(в атрибутах тега <img>), к максиму, определенному размерами картинки. Красиво, мне нравиться. Но это не то что я искал. Мне нужен простой "зум" без всякой анимации (любая анимация занимает время на прорисовку). Просто - было - стало. Уже не помню где (Google Вам поможет 🙂 ), мною был найдет скрипт, написанный на языке javascript. Автор - Sean Catchpole. Это, так называемый, JQuery plugin. Таким образом нам необходимо: читать дальше...→

Подмена заголовка страницы или как я строил свой шаблон сайта

Немного истории. Начав монтировать свой первый сайт, меня хватило только на то, чтобы задуматься о сокращении собственного труда. Т.е. я быстро понял что при наличии у сайта более одной страницы, когда необходимо что-то подправить, ну хотя-бы в реквизитах общей шапки, придется либо вручную "пройтись" по всем страницам и поменять, либо надо изобретать (других вариантов я тогда еще не знал 🙁 ) какой-то шаблон. Итак: index.html был "торжественно" переименован в index.php, ну а потом вообще "порезан" на "составные" части. Лично мне понравилось разбить аж на шесть! частей. С учетом того, что я для себя выбрал так называемую трех колоночную модель. Таким образом я выделил следующие составные части: Шапка - ну тут все просто. Выражаясь терминами HTML - это весь тэг <HEADER> и кусок <BODY> содержащий заголовочную читать дальше...→

Плавное увеличение картинки при наведении на нее курсора мыши

«Зуммер» картинки при наведении курсора мышки

Подмена заголовка страницы или как я строил свой шаблон сайта

Курсы валют:

UAH