Превью описания при наведении на картинку
Страницы: 1
[ Закрыто ] Превью описания при наведении на картинку
Всем доброго вечера. Несколько дней уже мучаюсь с выводом описания новости при наведении. Подскажите, как сделать превью? Пример: www.ivi.ru или megogo.net
Изменено: Sfox4tOn - 17 Августа 2015 19:38
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)
Новые темыОбъявленияСвободное общение
23:05 24 мая 2022 Яндекс выдача 
19:52 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
15:48 Bropush - твой бро в монетизации сайта push-уведомлениями 
15:19 Adtrafico - Правильная партнёрская сеть под бурж трафик 
14:39 Порекомендуйте оптимизацию для новостного проекта 
11:12 CPA-сеть MyLead - глобальная монетизация трафика! 
09:51 PlayCash - партнерка для заработка на азартном трафике! 
10:50 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 
10:32 Продам: Спамер ВКонтакте. Spammer VKontakte 
09:58 Ural-obmen.ru — выгодный сервис обмена 
09:03 Продам домен для женского сайта letwoman.com 
15:40 CeshEX - Платформа автоматического обмена 
15:15 INSTACRYPT - приятный обменный сервис 
13:46 Спамер телефонов. Флудер телефонов. Phone Spammer. Phone Flooder 
19:23 Обсуждение о раздаче 30 000 руб. или "первая доза бесплатно" 
18:21 Курс доллара упал ниже 85 рублей 
20:35 Билл Гейтс предсказал пандемию оспы 
19:19 С юмором по жизни! 
19:18 Бета-версия магазина приложений RuStore от VK 
18:51 "Сбер" представил нейросетевые сервисы "Рерайтер" и "Суммаризатор" 
11:39 Стоит ли играть в казино?