Превью описания при наведении на картинку
Страницы: 1
[ Закрыто ] Превью описания при наведении на картинку
Всем доброго вечера. Несколько дней уже мучаюсь с выводом описания новости при наведении. Подскажите, как сделать превью? Пример: www.ivi.ru или megogo.net
Изменено: Sfox4tOn - 17 Августа 2015 19:38

Комплексное SEO продвижение в поисковых системах Яндекс, Google

display none - block
как по мне как самые верный варик
Лучший хостинг которым я пользовался от 115 рублей в месяц - Клик
Цитата
Вячеслав Андреев пишет:
display none - block
как по мне как самые верный варик
Будьте так добры рассказать по подробнее
буду добр реализовать это за деньги, ну если сами хотите то смотрите как это сделанно на сайтах, примеры у вас уже есть.
Ну а коль не понимаете в html и css то тут только учить или платить.
Будем ждать людей, которые окажут помощь безвозмездно, если таковые остались конечноsmile:)
Остались конечно. Вы сами себя нормально чувствуете когда просите потрать незнакомого человека время на то дело на котором собственно рассчитываете заработать?
Если у вас нет средств и явно не предвидеться, то вполне справедливо будет вам что то предложить в замен.

Вас тут такие кто ломится делать сайты и грести деньги лопатой каждый день по сотне в плюс, а сами вы хоть не много что то для этого сделать не хотите, всё бы вам за спасибо.
вот этот кусок кода должен помочь.
Для примера взял окно под номером 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>
В действительности вы знаете предмет только в той степени, в которой можете научить других, с тем чтобы они его поняли и применили в своей жизни.
Чтобы точно объяснить, как это сделать, нужно как минимум сам сайт видеть =)

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

Вячеслав Вам правильно написал, для такой задачи лучше обратитесь к специалисту.
Цитата
Андрей П-Студия пишет:
вот этот кусок кода должен помочь.
Для примера взял окно под номером 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> 
Спасибо большое!! Получилосьsmile:)
Цитата
Sfox4tOn пишет:
Получилось

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

* обращение к пользователям - > если Ваша тема потеряла свою актуальность, то, пожалуйста, отпишитесь об этом в теме и скиньте ссылку на тему мне в ЛС.
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
15:09 Автопостинг 
12:05 ClickDealer- свои люди на рынке буржа! 
10:55 Закрытие параметра в роботс 
10:52 Яндекс выдача 19.01.2021 
09:56 Письмо от Яндекса было о АПдейте Яндекс выдачи 20.01.2021 
09:48 Перенос сайта, правильный ли план? 
22:25 СЕОшник за 20000 руб составил мне title, description, keywords. Отлично составил 
14:44 C1k: обмен Advcash , Perfect Money , skrill , NETELLER, крипта, приват24, тенге 
14:05 Продам адалт сайты 
13:43 Ссылки с форумов от 25 рублей за ссылку 
13:05 ChangeInfo - Лучший мониторинг обменников СНГ 
11:18 Chatex - P2P площадка для торговли криптовалютой 
11:03 Современный скрипт обменника электронных валют 
10:07 Куплю аккаунт на форуме webmasters.ru 
14:36 Полностью пропала реклама AdSense 
10:19 РБК: Дуров заявил о блокировке в Telegram сотен призывов к насилию в США 
18:39 [b]Webvork [/b]- международная товарная СРА сеть с сертифицированными офферами на Европу. 
17:28 Leadgid — международная финансовая партнерская CPA сеть 
16:46 Всё же построили коммунизм или что-то там? 
14:05 Американская НКО потребовала через суд удалить Telegram из магазина приложений Apple 
18:13 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы | Еженедельные Выплаты | CPA до $950