Этот сайт не наркоманов. Это сайт программистов.

Добро пожаловать на Пыху!

Логин:
Пароль:
 

Нет прописки? Зарегистрируйся!

Новости

Пыха переехала на новый сервер, ура!

Краснодарское время: 25 Май, 2012, 02:21:24

Страниц: [1] 2
Печать
Автор Тема: jMinis - листалка миниатюр к видео  (Прочитано 1140 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Stasovsky    ↓ 
20 Сентябрь, 2011, 09:50:44
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3653
Сила слова: 1.48

у некоторых плееров, например Media Player Classic (MPC), есть плюшка "Сохранить миниатюры..." (см. первый атач)
эта хрень создает нарезку кадров к ролику в таком виде (см. второй атач)
 
возникла идейка замутить слайдер для этого чуда, ибо смотреть на нее мне не нравится XD
для начала демка и видюшка
 
подключение довольно простое, но обязательно указывать количество колонок и строк... это нужно для расчет))
HTML
...
 
<body>
    <img src="img/sample.jpg" class="minis" rel="4,4" alt="" />
    <img src="img/sample2.jpg" class="minis" rel="5,5" alt="" />
    <img src="img/sample3.jpg" class="minis" rel="3,3" alt="" />
    <img src="img/sample4.jpg" class="minis" rel="6,4" alt="" />
</body>
<script type="text/javascript">
    $('.minis').jMinis({
        cols: 4,
        rows: 4
    });
</script>
 
...
если строк и столбцов везде одинаковое количество, то можно поставить параметром в плагин, если же на каждой картинке свое количество, то атрибутом rel фигачим в саму картинку... в случае примера везде будет 4 на 4, так как указано в плагине.
 
основные стили:
CSS
.jMinis { width:20px; height:20px; background:#000 url('img/miniload.gif') 50% 50% no-repeat; overflow:hidden; position:relative; }
.jMinis div { position:absolute; top:0; right:0; bottom:0; left:0; visibility:hidden; }
.jMinis img { position:absolute; visibility:hidden; }
.jMinis a { width:22px; height:92px; text-indent:-9999px; background:url('img/mininav.png') 0 0 no-repeat; margin-top:-46px; overflow:hidden; position:absolute; top:50%; right:-22px; }
.jMinis a:first-child { background-position:-22px 0; right:auto; left:-22px; }
тут объяснять нечего))
 
доп параметры:
Javascript
$('.minis').jMinis({
    header: 80,
    space: 10
});
данный вариант подогнан именно под MPC, в других программах могут отличаться отступы... этими двумя параметрами можно изменить высоту шапки и отступы между кадрами... гарантий точности не даю))
 
плюс - одна картинка, быстро грузится, долго не надо заморачиваться с кадрами
минус - маленькие картинки
 
« Последнее редактирование: 20 Сентябрь, 2011, 09:50:44 от Stasovsky » Записан
}/{EHR    ↓ 
01 Август, 2011, 02:37:26 , спустя
НЕ ХУЕТА! ХУЕТА!

А что тут писать?
Группа: Адекваты

Карма: 4
Сообщений: 737
Сила слова: 0.54

Прикольный сериал, особенно в переводе от Кураж Бамбей
Записан

phpdude    ↓ 
01 Август, 2011, 02:41:18 , спустя 3 минуты 52 секунды
НЕ ХУЕТА! ХУЕТА!

я - ЭМО
Группа: в ухо

Карма: 345
Сообщений: д-о-х-у-я!
Сила слова: 1.66

хуйня какая то =)
Спустя 56 секунд добавил
а не, глянул демку все прояснилось. Ты крут :-)
 
я даже знаю где применить но обломно все переделывать :-)
Записан

забанен. могу забанить других, пишите в личку
BEER. Helping ugly people have sex since 1862.
Stasovsky    ↓ 
01 Август, 2011, 02:41:30 , спустя 12 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3653
Сила слова: 1.48

phpdude, я знаю)) все равно на работе делать нехуй, вот и страдаю херней с утра XDD
Записан
md5    ↓ 
01 Август, 2011, 05:26:29 , спустя 2 часа 44 минуты 59 секунд
НЕ ХУЕТА! ХУЕТА!

выезд, апартаменты, массаж, стриптиз, подружки, дорого
Группа: в ухо

Карма: не нужна
Сообщений: 10495
Сила слова: 1.19

АХУЕННО
Записан

8: Undefined variable: str
Файл: /home/pyha/pyha.ru/forum/bbcode/Xbb/Tags/Man.php
Строка: 18
adw0rd: мудень блять, я уже фиксить стал эту фигню :)
md5: вуахахахаха
Tekuto    ↓ 
01 Август, 2011, 05:35:00 , спустя 8 минут 31 секунду
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 0
Сообщений: 1228
Сила слова: 0

классная вещь)
Записан

Just a man and his will to survive
Stasovsky    ↓ 
01 Август, 2011, 05:37:41 , спустя 2 минуты 41 секунду
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3653
Сила слова: 1.48

будет круто, если кто-то куда-то это поставит))
Записан
Абырвалг    ↓ 
01 Август, 2011, 06:06:45 , спустя 29 минут 4 секунды
НЕ ХУЕТА! ХУЕТА!

PHP Infected, симфоеб, маконенавистник
Группа: Джедаи

Карма: 80
Сообщений: 6096
Сила слова: 1.31

очень интересная задумка, круто
Записан

PHP does the job since 1995
Пожалуйста, не надо делать двойные клики по ссылкам. Это создает избыточную нагрузку на сервер
KaFe    ↓ 
01 Август, 2011, 07:24:05 , спустя 1 час 17 минут 20 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Сраный Тролль

Карма: -13346
Сообщений: 1727
Сила слова: -772.79

неплохо, продай технологию торрентам :)
Записан

Sinkler    ↓ 
02 Август, 2011, 12:49:33 , спустя 17 часов 25 минут 28 секунд
НЕ ХУЕТА! ХУЕТА!

Похуй, пляшем!
Группа: Джедаи

Карма: 73
Сообщений: 6806
Сила слова: 1.07

запатентуй на мое имя пожалуйста :D
Записан

adw0rd    ↓ 
02 Август, 2011, 01:16:51 , спустя 27 минут 18 секунд
НЕ ХУЕТА! ХУЕТА!

эдво
Группа: в ухо

Карма: не нужна
Сообщений: 17629
Сила слова: 1.67

Мне больше нравиться вариант с fancybox
http://kinsburg.ru/film/11254-planeta-ljudejj/
 
Сначала я вижу список миниатюр и по образу/цветам на нем расположенным выбираю понравившийся кадр, а потом листаю
Спустя 13 секунд добавил
В чем отличие jMinis?
Записан

Python, Django, Git, Emacs, Nginx, MySQL, SphinxSearch, FreeBSD/Linux
Мой блог * Кинсбург * Либург * Я на GitHub
phpdude    ↓ 
02 Август, 2011, 01:28:57 , спустя 12 минут 6 секунд
НЕ ХУЕТА! ХУЕТА!

я - ЭМО
Группа: в ухо

Карма: 345
Сообщений: д-о-х-у-я!
Сила слова: 1.66

В чем отличие jMinis?
в том что ты абсолютно не понял что это такое :-)
 
ты разные вещи сравниваешь)
Записан

забанен. могу забанить других, пишите в личку
BEER. Helping ugly people have sex since 1862.
Stasovsky    ↓ 
02 Август, 2011, 01:50:43 , спустя 21 минуту 46 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3653
Сила слова: 1.48

adw0rd, о вкусах не спорю))
просто у тебя 5 маленьких картинок и 5 больших, а у меня только одна такая))
Записан
adw0rd    ↓ 
02 Август, 2011, 04:01:10 , спустя 2 часа 10 минут 27 секунд
НЕ ХУЕТА! ХУЕТА!

эдво
Группа: в ухо

Карма: не нужна
Сообщений: 17629
Сила слова: 1.67

phpdude, ну так объясни :)
Спустя 1 минуту 13 секунд добавил

adw0rd, о вкусах не спорю))
просто у тебя 5 маленьких картинок и 5 больших, а у меня только одна такая))
ну у тебя получился некий спрайт.
Например нам его будет не удобно использовать, так как кадры к торрентам ещё идут как материал для викторины. И вместо одного кадра из фильма придется таскать весь спрайт
Записан

Python, Django, Git, Emacs, Nginx, MySQL, SphinxSearch, FreeBSD/Linux
Мой блог * Кинсбург * Либург * Я на GitHub
Stasovsky    ↓ 
02 Август, 2011, 04:30:17 , спустя 29 минут 7 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3653
Сила слова: 1.48

ну у тебя получился некий спрайт
так вот как эта хренатень называеццо XD
Спустя 59 секунд добавил
Например нам его будет не удобно использовать, так как кадры к торрентам ещё идут как материал для викторины. И вместо одного кадра из фильма придется таскать весь спрайт
я об этом не задумывался, я просто сделал эту хреновину от нефиг делать))
Записан
Страниц: [1] 2
Печать
 

Перейти в:  

Этот топик скрыли: NRG, adw0rd