Превью описания при наведении на картинку
Страницы: 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)
Новые темыОбъявленияСвободное общение
22:20 Накручивают клики на рекламу Adsense 
22:16 Новый фильтр Яндекса борется с серой товаркой, беттингом, МФО и скамерами 
21:49 Кейс: как заработать на TikTok в 2021 без вложений на адалте 
19:31 Marketcall - международная партнерская сеть с оплатой Pay Per Call и LeadGen 
18:47 19 октября Яндекс выдача 
16:47 Edu-Affiliates.com - ПП под буржуйский EDU траф! 50% с заказа - 20% с ребилов! 
16:02 Golden Goose - WAP Click партнерка с inhouse офферами 
20:09 Покупаем/Продаем криптовалюты за наличные 
20:01 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 
17:35 Антидетект Che browser 
17:32 SocksHub.net - proxy, которые подходят всем 
17:19 C1k: обмен Advcash , Perfect Money , skrill , NETELLER, крипта, приват24, тенге 
13:17 Human Emulator. Автоматизация действий пользователя в браузере. 
11:50 Программы для рассылок, накрутки, продвижения и ведения аккаунтов в skype, instagram, vk, ok, avito, lenta.ru 
21:14 Метавселенная от Цукерберга 
18:58 Подскажите оператора номеров 8-800 
18:18 Кстати... 
09:03 Акции Netflix после сериала "Игра в кальмара" 
08:55 Вкладки браузера разрушают ваш мозг 
18:46 С юмором по жизни! 
18:13 Коронавирус - реальная угроза или манипуляции?