Плавное увеличение изображения при клике

Из этого видеоурока Вы узнаете, как добиться интересного эффекта, увеличения картинки при клике на ней.

Посмотреть работу скрипта в действии, можно здесь.

Внимание! Если урок у Вас не запускается, то убедитесь, что в системе есть поддержка flash. О том, как правильно устанавливать flash плеер в систему для разных браузеров (Internet Explorer, Opera, Firefox) написано здесь.

Авторизоваться и Скачать

5 последних добавленных файлов в рубрике"Видеоуроки"

  • Как заставить человека просмотреть видео на сайте до конца?

    В этом уроке вы познакомитесь с отличным плеером для показа видео на вашем сайте JW Player, а также научитесь взаимодействовать с ним, привязывая к разным моментам просмотра видео всякие события. Например, если вы делаете какую-то продающую презентацию и хотите, чтобы люди увидели кнопку заказа только ближе к концу презентации, то с помощью данного видео вы сможете это сделать.

  • Эффект дразнящего уголка для вашего сайта

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

  • Как добавить комментарии Вконтакте к своему сайту

    Многие мечтают о хорошей системе комментариев на своем сайте. Ведь большое количество комментариев к вашим материалам создают активность аудитории, благодаря которой видно, что сайт живой, и его посещают другие люди. Но проблема в том, что большинство стандартных систем комментирования, которые встроены в движки сайтов, позволяют оставлять комментарии только зарегистрированным пользователям. Либо, если открыть их для всех, то вас замучают спамеры.

  • Эффективная гостевая книга для joomla-сайта

    Гостевые книги часто используются на сайтах в качестве эффективного способа обратной связи с людьми, которые заходят на ваш сайт. Посетители могут высказать свое мнение относительно сайта, дать какой-то совет или задать вопрос. И в этом уроке мы установим на сайт, работающий на движке джумла, компонент гостевой книги phoca guestbook.

  • Открываем счет в системе PayPal

    Последние несколько лет все свои покупки на аукционе ebay и многих интернет-магазинах я оплачиваю с помощью системы PayPal. Это удобно, безопасно и быстро. О том, как открыть счет в этой системе, я расскажу в двух видеоуроках, которые записал специально для вас.

или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
  • 8 Июня 2008 11:19
    DiMaRiK
    Что-то на примере, увеличение картинки происходит не с места основной, из центра, а из левого верхенего угла сайта. Пользуюсь: Opera 9.27 1440x900 Я думаю надо учитывать такие факторы.
  • 2 Августа 2008 09:58
    Сергей
    Пытался прикрутить эту фишку на свои странички и возникла проблема. Увеличенная фотка летит к вертикальному центру страницы. Например: на моей странице циклом выводится более 50 превьющек проектов домов и до увеличенной фотки приходится прилично крутить вниз. На сайте Евгения скрипт работает нормально. Я даже пробовал скопировать весь текс скрипта со сранички примера, бесполезно. Может быть нужно в теги HTML странц добавить какие-нибудь выранивания и т.п.? Джава я ещё не изучал, может кто-нибудь уже решил эту проблему?
  • 5 Августа 2008 20:35
    Александр
    Скрипт не работает так как указано на сайте. Увеличенная картинка выводится внизу страницы, чтобы ее увидеть необходимо прокручивать скролбар вниз. ((
  • 11 Августа 2008 14:56
    Валера
    У меня такая же проблема как и у Сергея. Евгений Попов, подскажите пожалуйста как вы реализовали этот скрипт, чтобы он работал правильно и в опере и ие. Так как картинка при увеличении смещается в вертикальный центр страницы .
  • 20 Октября 2008 19:16
    вася
    такая же фигня, картинка улетает вниз
  • 16 Февраля 2009 15:02
    balabol
    ХАЛТУРА!!!!
  • 5 Апреля 2009 23:43
    Маркизочка
    +20 супер
  • 16 Мая 2009 22:54
    Neznajka
    Хороший урок! А не не подскажет кто-нибудь незнатоку Java как увеличить размер всплывающего окна. Спасибо
  • 13 Июля 2009 17:23
    lizaveta
    Добрый день! У меня при клике на картинку, она улетает в левый верхний угол, а потом становиться как надо! А как сделать так, чтобы картинка просто плавно увеличивалась без перемешения в левый верхний угол?
  • 6 Декабря 2009 15:41
    Андрей
    Все работает.Спасибо
  • 23 Августа 2010 17:22
    Сергей
    ОТЛИЧНЫЙ СКРИПТ!!!
  • 7 Сентября 2010 01:14
    Hayk
    Евгений Попов -Tebe Balshoe Smasiba. Menya Ochen pomogayet to chto ti delayesh
  • 26 Сентября 2010 23:08
    taras
    Хорош!)
    • 16 Июля 2011 16:03
      Novosad
      Простенько, но сойдет). Вчера сам написал такой скрипт, слишком заметно ухождение в левый верхний угол, но красиво.
  • 23 Августа 2013 00:08
    Yalchic
    Всё отлично работает! Спасибо! Что бы побыстрее открывалась и закрывалась картинка, и увеличить на 125% отображение основной картинки, что в скрипте нужно изменить?
  • 27 Ноября 2013 16:17
    Alexander_Muromtsev
    Всем привет. Всё работает! Спасибо Вам Евгений. Очень просто сделать. Скачал архив по ссылке, там еще и исходники были. Проверил во всех 7-ми браузерах, Всё работает, за исключением нашего, всеми "любимого" Internet Explorer'a. проверял на IE11, там эффект обратный - уменьшение в "0" Ну его.!! IE не победим. Кстати, увеличение происходит из места расположения картинки на странице и соответственно возврат на то же место. Еще раз Спасибо Вам Огромное Евгений. Почти всё, что я делаю на сайтах - это благодаря Вашим урокам. С Уважением Александр Муромцев.
  • 11 Декабря 2013 05:05
    wolface
    Не увеличивается, у меня вообще залезла под контент как-то
  • 24 Февраля 2014 12:37
    softwox
    Неработает ссылка "Посмотреть работу скрипта в действии" !
^ Наверх ^