ФорумПрограммированиеПыхнуть хотите?Готовые решения → jMinis - листалка миниатюр к видео

jMinis - листалка миниатюр к видео

  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 20 сентября 2011 г. 1:50, спустя 48 дней 15 часов 54 минуты

    у некоторых плееров, например Media Player Classic (MPC), есть плюшка "Сохранить миниатюры…" (см. первый атач)
    эта хрень создает нарезку кадров к ролику в таком виде (см. второй атач)

    возникла идейка замутить слайдер для этого чуда, ибо смотреть на нее мне не нравится XD
    для начала демка и видюшка

    подключение довольно простое, но обязательно указывать количество колонок и строк… это нужно для расчет))


    <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, так как указано в плагине.

    основные стили:
    .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; }

    тут объяснять нечего))

    доп параметры:
    $('.minis').jMinis({
       header: 80,
       space: 10
    });

    данный вариант подогнан именно под MPC, в других программах могут отличаться отступы… этими двумя параметрами можно изменить высоту шапки и отступы между кадрами… гарантий точности не даю))

    плюс - одна картинка, быстро грузится, долго не надо заморачиваться с кадрами
    минус - маленькие картинки

    Высокоуровневое абстрактное говно
  • }/{EHR

    Сообщения: 734 Репутация: N Группа: Адекваты

    Spritz 1 августа 2011 г. 6:37, спустя 4 часа 46 минут 42 секунды

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

    Сообщения: 26624 Репутация: N Группа: в ухо

    Spritz 1 августа 2011 г. 6:41, спустя 3 минуты 52 секунды

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

    я даже знаю где применить но обломно все переделывать :-)
    Сапожник без сапог
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 1 августа 2011 г. 6:41, спустя 12 секунд

    phpdude, я знаю)) все равно на работе делать нехуй, вот и страдаю херней с утра XDD
    Высокоуровневое абстрактное говно
  • md5

    Сообщения: 11948 Репутация: N Группа: в ухо

    Spritz 1 августа 2011 г. 9:26, спустя 2 часа 44 минуты 59 секунд

    [size=30]АХУЕННО[/size]
    все умрут, а я изумруд
  • Tekuto

    Сообщения: 1147 Репутация: N Группа: Адекваты

    Spritz 1 августа 2011 г. 9:35, спустя 8 минут 31 секунду

    классная вещь)
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 1 августа 2011 г. 9:37, спустя 2 минуты 41 секунду

    будет круто, если кто-то куда-то это поставит))
    Высокоуровневое абстрактное говно
  • Абырвалг

    Сообщения: 6476 Репутация: N Группа: Джедаи

    Spritz 1 августа 2011 г. 10:06, спустя 29 минут 4 секунды

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

    Сообщения: 8083 Репутация: N Группа: в ухо

    Spritz 2 августа 2011 г. 4:49, спустя 18 часов 42 минуты 48 секунд

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

    Сообщения: 22905 Репутация: N Группа: в ухо

    Spritz 2 августа 2011 г. 5:16, спустя 27 минут 18 секунд

    Мне больше нравиться вариант с fancybox
    http://kinsburg.ru/film/11254-planeta-ljudejj/

    Сначала я вижу список миниатюр и по образу/цветам на нем расположенным выбираю понравившийся кадр, а потом листаю
    Спустя 13 сек.
    В чем отличие jMinis?
    adw/0
  • phpdude

    Сообщения: 26624 Репутация: N Группа: в ухо

    Spritz 2 августа 2011 г. 5:28, спустя 12 минут 6 секунд

    В чем отличие jMinis?

    в том что ты абсолютно не понял что это такое :-)

    ты разные вещи сравниваешь)
    Сапожник без сапог
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 2 августа 2011 г. 5:50, спустя 21 минуту 46 секунд

    adw0rd, о вкусах не спорю))
    просто у тебя 5 маленьких картинок и 5 больших, а у меня только одна такая))
    Высокоуровневое абстрактное говно
  • adw0rd

    Сообщения: 22905 Репутация: N Группа: в ухо

    Spritz 2 августа 2011 г. 8:01, спустя 2 часа 10 минут 27 секунд

    phpdude, ну так объясни :)
    Спустя 73 сек.

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

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 2 августа 2011 г. 8:30, спустя 29 минут 7 секунд

    ну у тебя получился некий спрайт

    так вот как эта хренатень называеццо XD
    Спустя 59 сек.
    Например нам его будет не удобно использовать, так как кадры к торрентам ещё идут как материал для викторины. И вместо одного кадра из фильма придется таскать весь спрайт

    я об этом не задумывался, я просто сделал эту хреновину от нефиг делать))
    Высокоуровневое абстрактное говно
  • adw0rd

    Сообщения: 22905 Репутация: N Группа: в ухо

    Spritz 2 августа 2011 г. 8:41, спустя 11 минут 40 секунд

    Да не, я тебя понимаю :) Хреновенька хорошая, думаю найдуться пользователи )
    adw/0

Пожалуйста, авторизуйтесь, чтобы написать комментарий!