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

tkheun

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

vipiusss

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

ProtectYourSite

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

tkheun

  • Захожу иногда
  • 145
  • 1 / 0
Re: Плагин замены одного блока другим
« Ответ #3 : 16.04.2017, 11:43:25 »
Ссылка битая.
Нет, не битая. Проблемы у вашего провайдера или dns-сервера.

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

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Плагин замены одного блока другим
« Ответ #4 : 16.04.2017, 11: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, 11:59:36 от vipiusss »
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

tkheun

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

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Плагин замены одного блока другим
« Ответ #6 : 16.04.2017, 12:20:47 »
прикреплю, нашёл на компе, ренспонсив+скриптики+демо разное (на компе запустите индекс).
на ослике работает.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

capricorn

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

tkheun

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

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Плагин замены одного блока другим
« Ответ #9 : 16.04.2017, 12:36:26 »
У меня всё ок (опера)
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

tkheun

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

Посоветуйте плагин для создания Турбо-страниц VirtueMart 3

Автор anantaya

Ответов: 2
Просмотров: 718
Последний ответ 10.12.2023, 21:02:31
от dmtn
Модуль/компонент/плагин видео из Вконтакте

Автор Snip

Ответов: 0
Просмотров: 800
Последний ответ 25.05.2023, 19:16:49
от Snip
Плагин для кросспостинга с сайта в Фэйсбук

Автор Mickey

Ответов: 0
Просмотров: 833
Последний ответ 20.04.2023, 18:30:19
от Mickey
Модуль для оформления блока партнеры

Автор Элана

Ответов: 7
Просмотров: 1034
Последний ответ 05.12.2022, 14:48:41
от Элана
Плагин кликабельности картинки вводного текста

Автор Scaltro

Ответов: 25
Просмотров: 1161
Последний ответ 06.10.2022, 19:28:31
от Scaltro