Плагин замены одного блока другим

  • 10 Ответов
  • 191 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн tkheun

Всем доброго времени суток. Я ищу плагин, который подменяет картинку с названием, на описание (текст). Вот на этой странице, если пролистать вниз до блока "современные технологии", то при наведении на один из прямоугольников виден CSS3-эффект подмены одного div'a другим. Именно такой эффект мне нужно реализовать.

*

Оффлайн vipiusss

  • ********
  • 5436
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
Re: Плагин замены одного блока другим
« Ответ #1 : 16.04.2017, 13:31:59 »
Ссылка битая.
Спойлер
[свернуть]
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

Re: Плагин замены одного блока другим
« Ответ #2 : 16.04.2017, 13:37:46 »
Зачем плагин для обычного CSS и JS?
делайте 2 блока, один с изображением, другой с текстом.
И пишите простенький скрипт, при наведении скрывается первый блок и отображается второй и наоборот.

*

Оффлайн tkheun

Re: Плагин замены одного блока другим
« Ответ #3 : 16.04.2017, 13:43:25 »
Ссылка битая.
Нет, не битая. Проблемы у вашего провайдера или dns-сервера.

Зачем плагин для обычного CSS и JS?
делайте 2 блока, один с изображением, другой с текстом.
И пишите простенький скрипт, при наведении скрывается первый блок и отображается второй и наоборот.
Я не понимаю, зачем нужно изобретать велосипед каждый раз, когда нужно съездить в магазин за хлебом.

*

Оффлайн vipiusss

  • ********
  • 5436
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
Re: Плагин замены одного блока другим
« Ответ #4 : 16.04.2017, 13:56:22 »
Нет, не битая. Проблемы у вашего провайдера или dns-сервера.

Действительно, временный косяк у некоторых сайтов был у меня.
С помощью CSS сделайте (flip-эффект), зачем скрипт ещё писать:
http://www.web.cofp.ru/vse-o-sajtakh/sozdanie-sajta/css/187-flip-perevorot-effekt-na-chistom-css
Там и демка есть.
« Последнее редактирование: 16.04.2017, 13:59:36 от vipiusss »
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн tkheun

Re: Плагин замены одного блока другим
« Ответ #5 : 16.04.2017, 14:09:39 »
С помощью CSS сделайте (flip-эффект), зачем скрипт ещё писать
Хороший вариант. Только не работает в IE. А тот, который на лессаре (по моей ссылке), в IE нормально работает. Боюсь, клиенту не понравится такое решение.

*

Оффлайн vipiusss

  • ********
  • 5436
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
Re: Плагин замены одного блока другим
« Ответ #6 : 16.04.2017, 14:20:47 »
прикреплю, нашёл на компе, ренспонсив+скриптики+демо разное (на компе запустите индекс).
на ослике работает.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн capricorn

Re: Плагин замены одного блока другим
« Ответ #7 : 16.04.2017, 14:28:15 »
это должно работать в IE10+. В Edge работает.
https://davidwalsh.name/css-flip

*

Оффлайн tkheun

Re: Плагин замены одного блока другим
« Ответ #8 : 16.04.2017, 14:31:12 »
прикреплю, нашёл на компе, ренспонсив+скриптики+демо разное (на компе запустите индекс).
на ослике работает.
Спасибо за пак, попробую позже. Сейчас я последовал вашему первому совету и сделал флип с помощью CSS3. Проблема в том, что картинка не уход в инвиз при перевороте. Вот тут в самом низу. Что я делаю неправильно?

*

Оффлайн vipiusss

  • ********
  • 5436
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
Re: Плагин замены одного блока другим
« Ответ #9 : 16.04.2017, 14:36:26 »
У меня всё ок (опера)
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн tkheun

Re: Плагин замены одного блока другим
« Ответ #10 : 16.04.2017, 14:38:13 »
Да, я понял свою ошибку. Просто цвет фона нужно задать, иначе прозрачный фон и сквозь него видно заднее содержимое. Спасибо за помощь, если возникнут проблемы с IE, то попробую ваш пак со скриптом.