Превью описания при наведении на картинку

[ Закрыто ] Превью описания при наведении на картинку

Сообщений: 87 Регистрация: Апр 2014

17 Августа 2015 19:36

Всем доброго вечера. Несколько дней уже мучаюсь с выводом описания новости при наведении. Подскажите, как сделать превью? Пример: www.ivi.ru или megogo.net

Изменено: Sfox4tOn - 17 Августа 2015 19:38

Вячеслав Андреев

Сообщений: 668 Регистрация: Дек 2010

17 Августа 2015 19:53

display none - block
как по мне как самые верный варик

Лучший хостинг которым я пользовался от 115 рублей в месяц - Клик

Sfox4tOn

Сообщений: 87 Регистрация: Апр 2014

17 Августа 2015 20:04

Цитата
Вячеслав Андреев пишет: display none - block как по мне как самые верный варик

Будьте так добры рассказать по подробнее

Вячеслав Андреев

Сообщений: 668 Регистрация: Дек 2010

17 Августа 2015 20:13

буду добр реализовать это за деньги, ну если сами хотите то смотрите как это сделанно на сайтах, примеры у вас уже есть.
Ну а коль не понимаете в html и css то тут только учить или платить.

Sfox4tOn

Сообщений: 87 Регистрация: Апр 2014

17 Августа 2015 21:13

Будем ждать людей, которые окажут помощь безвозмездно, если таковые остались конечно:)

Вячеслав Андреев

Сообщений: 668 Регистрация: Дек 2010

17 Августа 2015 21:25

Остались конечно. Вы сами себя нормально чувствуете когда просите потрать незнакомого человека время на то дело на котором собственно рассчитываете заработать?
Если у вас нет средств и явно не предвидеться, то вполне справедливо будет вам что то предложить в замен.

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

Андрей П-Студия

Сообщений: 774 Регистрация: Май 2010

17 Августа 2015 22:00

вот этот кусок кода должен помочь.
Для примера взял окно под номером 6 (id="6sh", showH(6,1), showH(6,0)), если окон много на странице, то у каждого ставьте свой номер

Код

 <script type="text/javascript">
    function showH(ID, n) {
     if (n) { document.getElementById(ID + "sh").style.display = "block"; }
     else { document.getElementById(ID + "sh").style.display = "none"; }
    }
</script>

<style type="text/css">
.showL {
    background: #C2BC9D none repeat scroll 0% 0%;
    position: absolute;
    margin: 0px;
    padding: 5px;
    display: none;
    z-index: 9;
}
 </style>

<span onmouseover="showH(6,1)" onmouseout="showH(6,0)"><img src="/IMG/film1.jpg" alt='' /></span>
    <div id="6sh" class="showL">
Описание фильма.....    
</div>

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

Dexter

Сообщений: 395 Регистрация: Дек 2013

17 Августа 2015 22:07

Чтобы точно объяснить, как это сделать, нужно как минимум сам сайт видеть =)

А чтобы сделать как на www ivi ru, вероятно, одних советов будет недостаточно, так как к html/css/js еще прибавится кастомизация шаблона и выводимых данных, пригодятся познания в php.

Вячеслав Вам правильно написал, для такой задачи лучше обратитесь к специалисту.

Мои услуги: Создание и разработка сайтов на Wordpress/фреймворках, создание шаблонов на WP, любая верстка по макету и без, разработка функционала. skype: sonicks12, email: spklkr@yandex.ru

Sfox4tOn

Сообщений: 87 Регистрация: Апр 2014

17 Августа 2015 22:53

Цитата

Андрей П-Студия пишет:
вот этот кусок кода должен помочь.
Для примера взял окно под номером 6 (id="6sh", showH(6,1), showH(6,0)), если окон много на странице, то у каждого ставьте свой номер

Код

  <script type="text/javascript">
    function showH(ID, n) {
     if (n) { document.getElementById(ID + "sh").style.display = "block"; }
     else { document.getElementById(ID + "sh").style.display = "none"; }
    }
</script>

<style type="text/css">
.showL {
    background: #C2BC9D none repeat scroll 0% 0%;
    position: absolute;
    margin: 0px;
    padding: 5px;
    display: none;
    z-index: 9;
}
 </style>

<span onmouseover="showH(6,1)" onmouseout="showH(6,0)"><img src="/IMG/film1.jpg" alt='' /></span>
    <div id="6sh" class="showL">
Описание фильма.....    
</div>

Спасибо большое!! Получилось:)

Prapovednik

Модератор

Сообщений: 64408 Регистрация: Мар 2010

#10

10 Сентября 2015 10:28

Цитата
Sfox4tOn пишет: Получилось

Sfox4tOn, спасибо, что отписались в теме.
Тему закрыл.

* обращение к пользователям - > если Ваша тема потеряла свою актуальность, то, пожалуйста, отпишитесь об этом в теме и скиньте ссылку на тему мне в ЛС.

1. Продвигай сайты ЛЮБОЙ тематики! Вечные ссылки и статьи.
*
2. Как заработать даже на чужом контенте. УБТ тренд 2024

Похожие темы:

07.04.2015 09:43

Помощь в уменьшении превью похожих записей

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
14:13 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы \| Еженедельные Выплаты \| CPA до $950 10:09 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 21:07 Взрывной рост роботности в Метрике 18:33 Trafee.com – эффективная монетизация вашего дейтинг трафика 15:41 Adtrafico - Правильная партнёрская сеть под бурж трафик 22:12 Stixi.ru. и stixi.com 20:30 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options	05:08 [WORDPRESS] [Gemini\|GPT]️ ClipAI - Копирайтинг больше не нужен! Подключит ИИ к интернету и напишет статьи с автоматической публикацией на сайт. 00:25 Уникальный сервис SEO продвижения 14:51 Мощные прокси для вашего бизнеса! 12:17 Продам дешёвые домены (1$/штука) 10:58 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 10:17 Размещу ссылки/статьи на ваш сайт \| Рост ИКС \| XRumer 23.0.4 StrongAI 22:12 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств	22:00 Точные прогнозы на футбол 20:09 Сколько сейчас стоит наполнение ИМ? 12:43 Куплю проигрышные букмекерские аккаунты 04:33 Половина скидок на распродажах — фейк 07:53 НейроБабушка наказывает мошенников 19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту