suckdontbite January 14, 2008 at 03:06 PM

Lightview — очередной превьювер изображений

Website development

Нашел вот такой вот превьювер для изображений, написанный на javascript'е c использованием библиотек Scriptaculous и Prototype.

Переводить не хочу, на сайте все прекрасно и просто описано, вообще принципиальных отличий от всякий Lightbox'ов я не увидел, разве что края закругленные. И еще — это чудо использует Canvas и VML для прорисовки изображений.

В любом случае — может кому и пригодиться. Удачи!

www.nickstakenburg.com/projects/lightview

Tags:

Hubs:

Website development

Ads

AdBlock has stolen the banner, but banners are not teeth — they will be back

More

+24
2.3k
76
Share
- Copy link
- Facebook
- Twitter
- VK
- Telegram
- Pocket

suckdontbite suckdontbite

User

May 8, 2020 at 02:04 PM
WebGL tutorial: image processing

3 2.9k 4 2
November 21, 2019 at 10:17 AM
How To Implement JavaScript Utility Functions Using Reduce?

6 1.8k 3 1
November 14, 2019 at 10:00 AM
Announcing .NET Core 3.1 Preview 2

6 777 0 0

Ads

AdBlock has stolen the banner, but banners are not teeth — they will be back

More

Comments 76

suckdontbite January 14, 2008 at 03:33 PM
0
Lightbox
- suckdontbite January 14, 2008 at 03:48 PM
  +5
  альтернатива от mootools: http://www.digitalia.be/software/slimbox
  - suckdontbite January 14, 2008 at 03:48 PM
    
    0
    *на муутулс
    - UFO just landed and posted this here
      - UFO just landed and posted this here
        
        suckdontbite January 14, 2008 at 04:20 PM
        
        0
        
        а как вам Lightview этот?
        
        UFO just landed and posted this here
        
        XXXVII January 15, 2008 at 12:34 PM
        
        0
        
        Используем в работе lightview, когда нужно делить галерею на подразделы. Если не надо, то thickbox, т. к. размеры подключаемых скриптов отличаются в разы
  - allx January 15, 2008 at 05:20 AM
    
    0
    у меня на ff 3 вообще не работают демки slimbox почему-то
    
    открывается новое окно:
    ---
    Multiple Choices
    The document name you requested (/cbeyls/digitalia/images/25.jpg,The Gilles, one of the Belgian cultural traditions. Here at Barvaux.) could not be found on this server. However, we found documents with names similar to the one you requested.
    
    Available documents:
    ---
    при этом
    в окне самого сайта картинка открываеться как обычный jpg файл
BAHO January 14, 2008 at 03:41 PM
+1
Превьювер симпатичный. Понравился больше ЛайтБокса, тот немного подглючивает.

Только, пожалуйста, подправьте немного заметку: меня слегка передёргивает от словосочетания «изображений на javascript'е». Хочется полезть в Гугл и узнать, что же я пропустил в развитии JS ))
- suckdontbite January 14, 2008 at 03:44 PM
  +1
  поправил. а вот у меня он подтормаживает больше лайтбокса
a_koposov January 14, 2008 at 03:44 PM
0
Вопрос использовать его или нет (учитывая почти полную аналогию лайтбоксу) вероятно только в простоте, весе и скорости. Тесты нужны, господа)
- suckdontbite January 14, 2008 at 03:47 PM
  0
  различия такие
  * The morphing effect that Lightview uses is a refreshing change (probably because I have seen the Lightbox effects too many times!).
  * Lightview allows you to customise many of the visual aspects of the viewer programatically. For example, the background colour and corner radius.
  * Lightview supports a customisable slideshow option which Lightbox lacks.
  * Lightview uses the caption attribute of the tag to give images a caption. This attribute is not valid XHTML and thus its usage will produce invalid markup. I would suggest using a convention similar to that used by MooTools Tips: title="image title :: caption"
  * Lightbox has been around for a while and is well tested and proven.
  
  http://www.daniel-skinner.co.uk/tag/ligh…
  - upupdown January 14, 2008 at 04:08 PM
    
    0
    Lightview has valid XHTML markup
    "I liked your suggestion to get valid XHTML and have implemented it in todays release. Title and caption now use the :: notation. Or any other character combination you set through options. Lightview now validates"
    
    http://www.daniel-skinner.co.uk/lightview-by-nick-stakenburg/12/01/2008#comments
    - suckdontbite January 14, 2008 at 04:09 PM
      
      0
      
      thank you =)
Meneldor January 14, 2008 at 03:46 PM
0
Эх, когда-то я видел в Сети скрипт, аналогичный Lightbox'у, но умеющий показывать во всплывающем слое не только изображения, но флеши, содержимое веб-страниц, видео и ещё много разного. Но я совершенно потерял его адрес и забыл название :(. Никто не вспомнит, как зовётся тот проект?
- suckdontbite January 14, 2008 at 03:48 PM
  +1
  Конечно вспомнит!
  наверное этот http://vikjavev.no/highslide/
  - Meneldor January 14, 2008 at 04:31 PM
    
    0
    Хм, не этот, но этот очень хорош, спасибо! Вот только тот ещё умел видео с популярных хостингов вставлять в свой бокс автоматически.
  - willwin January 14, 2008 at 06:18 PM
    
    0
    Ух ты блин, вот это фиговина. Спасибо за линк!
  - Mastyf January 14, 2008 at 06:56 PM
    
    0
    Супер. Пошел смотреть на Jquery ли он.
  - allx January 15, 2008 at 05:16 AM
    
    0
    у меня почему-то не грузиться их сайт
- UFO just landed and posted this here
  - Meneldor January 14, 2008 at 04:38 PM
    
    0
    Опа, и не этот :), хотя тож симпатичный!
- sigmatik January 14, 2008 at 07:00 PM
  0
  http://famspam.com/facebox
  оно ?
  - Meneldor January 14, 2008 at 08:20 PM
    
    0
    Спасибо, но не оно. Оно - каментом ниже :).
- Fade January 14, 2008 at 07:35 PM
  0
  lightwindow:
  Supports EVERY Media type and renders it appropriatly
  - Meneldor January 14, 2008 at 08:18 PM
    
    0
    Вот, вот оно! Огромное спасибо! Всем советую заценить!
    - suckdontbite January 14, 2008 at 08:46 PM
      
      0
      
      ого! супер вещь! напишите о ней пост!
      - Meneldor January 14, 2008 at 08:49 PM
        
        0
        
        Ох, я бы рад, да я как бы не писатель :)... Fade, напишите :)?
        
        Fade January 15, 2008 at 10:36 AM
        
        0
        
        Что писать-то. Я то думал, что все уже знают и видели.
        
        Meneldor January 15, 2008 at 10:48 AM
        
        0
        
        Ну вот оказывается, что не видели :).
        
        Fade January 15, 2008 at 11:47 AM
        
        0
        
        Выложил http://habrahabr.ru/blog/webdev/33950.ht…
        
        Meneldor January 15, 2008 at 12:06 PM
        
        0
        
        Спасибо!! Уже закинул в избранное!
    - sigmatik January 14, 2008 at 09:16 PM
      
      0
      
      не вижу преимуществ перед тем же highslide и аналогичными скриптами, в некоторых местах поддтормаживаем масштабирование и формирование картинки + не работает клавишная навигация
      - Meneldor January 14, 2008 at 09:23 PM
        
        0
        
        Мне нравится, что поддерживается много типов контента без дополнительных усилий. Кроме того, бесплатный, а highslide - не совсем.
- sergeyc January 14, 2008 at 08:45 PM
  0
  я думаю, ты имел в виду lightbox
  http://huddletogether.com/projects/lightbox/
  - Meneldor January 14, 2008 at 08:49 PM
    
    0
    Неа, lightwindow - ссылка дана выше :).
absolvo January 14, 2008 at 04:38 PM
0
В копилочку, мало ли ...
Спасибо.
- suckdontbite January 14, 2008 at 04:43 PM
  0
  пожалуйста!
NaFigator January 14, 2008 at 04:57 PM
+1
Дико извиняюсь за оффтопик, но в Speed Dial картинка напомнила другую:
vzasos January 14, 2008 at 05:08 PM
0
не понравился совсем:
1) очень дебильно сделано масштабирование рамки - сильно дергается (у меня Firefox 2.0).
2) стрелка появляется только при подведении к бокам картинки. на саму стрелку курсором навести нельзя, во первых, а во вторых, при подведении к отступам рамки стрелка опять исчезает. сразу может быть не заметно, но на самом деле это будет очень не удобно.
Lightbox 2.0, с моей точки зрения, намного удобнее и красивее.
- suckdontbite January 14, 2008 at 05:15 PM
  0
  я согласен, особенно на счет первого пункта. по поводу лайтбокса - я не считаю что он красивее, но работает по мне так он быстрее, и в целом впечатление от него лучше
- brom January 14, 2008 at 06:17 PM
  0
  багов с масштабированием не заметил, а вот стрелочки это да - сам пытался по ним раза 3 попасть.
- allx January 15, 2008 at 05:02 AM
  0
  у меня в ff 3 ничего не дёргается
NaFigator January 14, 2008 at 05:32 PM
+1
Вот огромная подборка лайтбоксов и галерей на любой вкус: http://www.smashingmagazine.com/2007/05/…
UFO just landed and posted this here
brom January 14, 2008 at 06:10 PM
0
имхо стоит дописать в описании, что данная компонента требует библиотек prototype и scriptaculo.

[script type='text/javascript' src='js/prototype.js'][/script]
[script type='text/javascript' src='js/scriptaculous.js?load=effects'][/script]
[script type='text/javascript' src='js/lightview.js'][/script]

— цитата с их сайта, ссылка на который была дана выше

т.е. использовать ее с другими js фреймворками будет затруднительно
- suckdontbite January 14, 2008 at 06:38 PM
  0
  дописал
donflash January 14, 2008 at 06:26 PM
0
ИМХО, ничего нового в этой библиотеке нет. Курите jQuery и Interface к нему...
- Mastyf January 14, 2008 at 07:09 PM
  0
  Посмотрел что есть Interface. Обе вещи (аналог LightBox и autocompleter), которые меня интересовали там глючат.
  
  например вот - http://interface.eyecon.ro/demos/autocom…
Mastyf January 14, 2008 at 06:57 PM
0
Угостите ссылкой на подобное с использованием Jquery...

А то пол проекта переписывать не хочется убирая злощастные "$..." из-за prototype
- Mastyf January 14, 2008 at 06:57 PM
  +1
  Забыл добавить "пожалуйста".
- donflash January 14, 2008 at 07:28 PM
  0
  Блин, под рукой не ссылки :( Ща пошурую, может и найду...
- donflash January 14, 2008 at 07:34 PM
  0
  >А то пол проекта переписывать не хочется убирая злощастные "$..." из-за prototype
  Не знаю, правильно ли я тебя понял, но цени:
  http://docs.jquery.com/Core/jQuery.noConflict
  - Mastyf January 14, 2008 at 09:17 PM
    
    0
    У меня уже есть готовый проект с интегрированной jQuery. jQuery в моем проекте использует символ $ для обращения к различным функциям... Поэтому, если я включу prototype (который требуется для работы Lightbox) у меня пойдет конфликт библиотек. Единственный выход из этой ситуации - это заменить во ВСЕМ проекте символ "$" на "jQuery" и поставить noConflict, что, по понятным причинам, делать не охота. Вот и ищу проект "типа Lightbox" под jQuery.
    - NaFigator January 15, 2008 at 07:37 AM
      
      0
      
      Найдёте - скажите ;)
- NaFigator January 15, 2008 at 07:43 AM
  0
  Гм, гугль хорошо ищет по запросу "jquery lightbox".
  
  Вот неплохая, кажется, штука: http://www.balupton.com/sandbox/jquery_l…
  И вот: http://jquery.com/demo/thickbox/
- NaFigator January 15, 2008 at 07:55 AM
  0
  Во, ещё.
  Лайтбокс в стиле facebook: http://famspam.com/facebox
  - Mastyf January 15, 2008 at 10:39 PM
    
    0
    Благодарю. Помогло.
kerrygun January 14, 2008 at 07:10 PM
0
похоже единственное что есть в lightview - это скругленные углы и слайдшоу. Если на первое можно наплевать, то слайдшой в других box'ах я так и не нашел. Но с учетом тормознутости - я весь в смятении, что выбрать.
vyacheslavka January 14, 2008 at 08:03 PM
0
понравилось переключение стрелками и слайд шоу
jordan January 14, 2008 at 10:19 PM
+1
Есть еще Phatfusion на mootools [http://www.phatfusion.net/multibox/].
Очень приятный, поддерживает изображения, флеш, видео, аудио, html.
glintwine January 15, 2008 at 12:36 AM
0
Воплотил (http://nibbler.spb.ru/), спасибо...
Lilumi January 15, 2008 at 01:14 AM
0
до этого пользовался lightbox2 что в первом комменте(http://www.huddletogether.com/projects/lightbox2/), но благодаря вам завтра же начну тестировать новые лайтбоксы:) особенно моему другу пригодиться тот вариант что ссылки с ютуба вставляет
Dimituri January 15, 2008 at 01:40 PM
0
В фоксе под восьмой федорой тормозит что страх.
- nonic January 15, 2008 at 10:14 PM
  0
  Под виндой в фоксе тоже томозит...
  расстроило еще отсутствие открытого исходника
  - Dimituri January 15, 2008 at 10:22 PM
    
    +1
    В фоксе под виндосом у меня всё довольно-таки плавно.. Может производительность разная?
    - nonic January 16, 2008 at 07:28 PM
      
      0
      
      вполне возможно дело в производительности
      проверял на обычной ненавороченной офисной машинке...
      если смотреть на такой скрипт в плане его использования на сайтах, то такая скорость работы неудовлетворительна, т.к. таких офисных машин очень много...
- Lilumi January 16, 2008 at 10:55 PM
  0
  странно-странно, у меня тьху-тьху, все работает чин-чином, без глюков и тормозов
Cyrill January 16, 2008 at 09:05 AM
0
Написал небольшой обзор pure DHTML галерей. Опубликовать отдельным постом, как водится, не могу =))

http://cyrill.co.uk/2008/01/15/pure-css-dhtml-javascript-galleries/

Прошу критики)
- UFO just landed and posted this here
UFO just landed and posted this here
Sef4eg May 7, 2008 at 02:21 PM
0
хм.. опера 9.10.. у меня у одного такие лаги?..
gogi May 12, 2008 at 07:26 PM
0
Народ, подкажите тупому - как жестко зафиксировать размер изображения?
Powerhead November 19, 2009 at 03:31 PM
0
Небольшой недостаток — эта штука платная
DjOnline December 9, 2009 at 02:50 PM
0
Самое главное отличие — lightview использует antialiasing при ресайзе картинки в любом браузере, включая IE6. Почему-то никто другой такой возможности не содержит.