Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » jQuery » block query, как на кинопоиск

block query, как на кинопоиск

souz21 06.03.2013 Все вопросы » jQuery 3248

вопрос

Всем доброго времени. Наткнулся на днях на кинопоиске на интересную фишку. При наведении мышкой, на название фильма, или актера, в левом углу вылезает block query с коротким описанием и фотографии новости. Живой пример, лучше смотреть на самом кинопоиске.
Кто может выдернуть этот блок? Можно без форматирования. Главное, чтобы сам код и скрипты, которые отвечают за вывод этого блока.

Ответа пока нет

11 комментариев

Юзер

Nurdaulet - 2014-09-041 мая 2013 19:00 - #13210

Тоже интересует

Юзер

iwanowi4 - 2014-09-041 мая 2013 20:46 - #13213

Цитата: souz21

... При наведении мышкой, на название фильма, или актера, в левом углу вылезает block query...

чего то у меня ничего не вылазит... я особенный?

Юзер

102

souz21 - 2014-09-042 мая 2013 09:23 - #13217

Цитата: iwanowi4

чего то у меня ничего не вылазит... я особенный?

видимо да.

Юзер

Nurdaulet - 2014-09-046 мая 2013 16:10 - #13275

Кто нибудь нашел решение?

Юзер

102

souz21 - 2014-09-046 мая 2013 18:20 - #13280

Я нет. Ждем профессора Пафнутия ). Может даст совет

Админ

3457

ПафНутиЙ - 2014-09-046 мая 2013 19:24 - #13282

Цитата: iwanowi4

чего то у меня ничего не вылазит... я особенный?

такая же фигня.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

102

souz21 - 2014-09-046 мая 2013 19:45 - #13283

как так? Например на это странице, наводите на фильмы мышкой. Выходит в левом углу всплывающее окно.

Показать / Скрыть текст

Админ

3457

ПафНутиЙ - 2014-09-046 мая 2013 19:52 - #13284

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

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

199

kovalenko3331 - 2014-09-046 мая 2013 22:06 - #13290

Самому стало интересно, но увы, что в хроме что в мозиле ничего не показывает.

Юзер

102

souz21 - 2014-09-046 мая 2013 22:07 - #13291

В мозилле показывает у меня.

Юзер

Nurdaulet - 2014-09-048 мая 2013 19:44 - #13332

Я типа сдернул html, а вот остальное не могу сделать.

Показать / Скрыть текст

<div id="popup_info_wrapper" style="opacity: 1; display: none;"><div id="popup_info" style="background-image: url(&quot;http://st.kinopoisk.ru/images/sm_film/255379.jpg&quot;); border-top: 3px solid rgb(255, 255, 255);"><p class="info_title"><span class="rating red">4.68</span><span class="title">Очень страшное кино&nbsp;5<span class="gradient"></span></span><span class="year_whois">2013</span><br><span class="director"> Малкольм Д. Ли</span><span class="gradient_director"></span><br></p><p class="info_text"><span class="text">Эшли Тисдейл<span class="comma">, </span>Саймон Рекс<span class="comma">, </span>Эрика Эш<span class="comma">, </span>Катрина Боуден<span class="comma">, </span>Терри Крюс<span class="comma">, </span>Хэзер Локлир<span class="comma">, </span>Жан-Поль Мано</span></p></div></div>

Вот СSS

#popup_info_wrapper {
    background: url("http://st.kinopoisk.ru/images/popup_background.png") no-repeat scroll left top transparent;
    bottom: 15px;
    display: none;
    height: 98px;
    left: 0;
    position: fixed;
    width: 301px;
    z-index: 1000;
}

#popup_info {
    background-position: left center;
    background-repeat: no-repeat;
    border-top: 3px solid transparent;
    height: 72px;
    overflow: hidden;
    position: relative;
    top: 9px;
    width: 284px;
}

#popup_info .info_title {
    border-bottom: 1px solid #E1E1E1;
    color: #666666;
    font-family: tahoma,verdana,arial;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
}
#popup_info > p {
    margin: 0 0 0 52px;
    padding: 4px 6px;
}


#popup_info .info_text {
    color: #5C5C5C;
    font-family: arial,verdana,tahoma;
    font-size: 11px;
    line-height: 13px;
    overflow: hidden;
}
#popup_info > p {
    margin: 0 0 0 52px;
    padding: 4px 6px;
}

#popup_info .rating {
    background-color: #5F5F5F;
    color: white;
    float: right;
    font-size: 10px;
    line-height: 12px;
    margin: -1px -2px 0 6px;
    padding: 2px 3px;
}

#popup_info .title {
    color: #333333;
    float: left;
    font-weight: bold;
    max-height: 15px;
    overflow: hidden;
    position: relative;
}
#popup_info .gradient {
    background: url("http://st.kinopoisk.ru/images/popup_title_gradient.png") no-repeat scroll 0 0 transparent;
    display: none;
    float: right;
    height: 14px;
    position: absolute;
    right: 0;
    width: 15px;
}
#popup_info .year_whois {
    padding-left: 8px;
}

#popup_info .director {
    display: inline-block;
    margin-top: 2px;
    max-height: 18px;
    overflow: visible;
    white-space: nowrap;
}
#popup_info .gradient_director {
    background-image: url("http://st.kinopoisk.ru/images/popup_director_gradient.png");
    left: 269px;
    position: absolute;
    top: 20px;
}
#popup_info .gradient_director {
    background: url("http://st.kinopoisk.ru/images/popup_title_gradient.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 14px;
    position: absolute;
    right: 0;
    width: 15px;
}
#popup_info .info_text {
    color: #5C5C5C;
    font-family: arial,verdana,tahoma;
    font-size: 11px;
    line-height: 13px;
}

#popup_info .comma {
    color: #999999;
}

Надо сделать вывод блока, может кто нибудь сделает?

Похожие вопросы

Вставка модуля BLOCK.PRO.2 в аккордеон на jquery

28.09.2012 Prowockator Общие вопросы по вёрстке, jQuery

Реализация меню с применением плагина Bettertip

05.10.2012 kovalenko3331 Общие вопросы по вёрстке, jQuery

Таймер для отображения блока

20.02.2013 river7 jQuery

Как вызвать hover эффект определенного блока из посторонней ссылки

21.08.2013 onneuha Стили (CSS), jQuery, Ламерские вопросы

Тултип (tooltip) для блока-Похожие новости

23.12.2013 rexwind Шаблоны (TPL), Стили (CSS), jQuery

Проблемы с слайдером (...)

02.03.2014 Heaven Общие вопросы, jQuery

Скрипт выдвижного блока

03.03.2014 mastodontoff Общие вопросы по вёрстке, jQuery

Увеличение каритнки как на КИНОПОИСКЕ для DLE 10.1

17.03.2014 panov jQuery

Увеличение картинки при наведении

25.06.2014 konkord9419 jQuery

Как передать переменну в функцию Javascript

04.09.2014 vk_159926832 Общие вопросы, jQuery

Последние события

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
Вчера, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
Вчера, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
Вчера, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
Вчера, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
Вчера, 13:52

где выводить? админка или сайт
TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
21-11-2024, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

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

наверх