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



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

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

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

    www.nickstakenburg.com/projects/lightview

    Similar posts

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

    More

    Comments 76

      0
        +5
        альтернатива от mootools: http://www.digitalia.be/software/slimbox
          0
          *на муутулс
          • UFO just landed and posted this here
            • UFO just landed and posted this here
                0
                а как вам Lightview этот?
                • UFO just landed and posted this here
                    0
                    Используем в работе lightview, когда нужно делить галерею на подразделы. Если не надо, то thickbox, т. к. размеры подключаемых скриптов отличаются в разы
              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 файл
            +1
            Превьювер симпатичный. Понравился больше ЛайтБокса, тот немного подглючивает.

            Только, пожалуйста, подправьте немного заметку: меня слегка передёргивает от словосочетания «изображений на javascript'е». Хочется полезть в Гугл и узнать, что же я пропустил в развитии JS ))
              +1
              поправил. а вот у меня он подтормаживает больше лайтбокса
              0
              Вопрос использовать его или нет (учитывая почти полную аналогию лайтбоксу) вероятно только в простоте, весе и скорости. Тесты нужны, господа)
                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…
                  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
              0
              Эх, когда-то я видел в Сети скрипт, аналогичный Lightbox'у, но умеющий показывать во всплывающем слое не только изображения, но флеши, содержимое веб-страниц, видео и ещё много разного. Но я совершенно потерял его адрес и забыл название :(. Никто не вспомнит, как зовётся тот проект?
                +1
                Конечно вспомнит!
                наверное этот http://vikjavev.no/highslide/
                  0
                  Хм, не этот, но этот очень хорош, спасибо! Вот только тот ещё умел видео с популярных хостингов вставлять в свой бокс автоматически.
                    0
                    Ух ты блин, вот это фиговина. Спасибо за линк!
                      0
                      Супер. Пошел смотреть на Jquery ли он.
                        0
                        у меня почему-то не грузиться их сайт
                      • UFO just landed and posted this here
                          0
                          Опа, и не этот :), хотя тож симпатичный!
                          0
                          http://famspam.com/facebox
                          оно ?
                            0
                            Спасибо, но не оно. Оно - каментом ниже :).
                            0
                            lightwindow:
                            Supports EVERY Media type and renders it appropriatly
                              0
                              Вот, вот оно! Огромное спасибо! Всем советую заценить!
                                0
                                ого! супер вещь! напишите о ней пост!
                                  0
                                  Ох, я бы рад, да я как бы не писатель :)... Fade, напишите :)?
                                    0
                                    Что писать-то. Я то думал, что все уже знают и видели.
                                0
                                не вижу преимуществ перед тем же highslide и аналогичными скриптами, в некоторых местах поддтормаживаем масштабирование и формирование картинки + не работает клавишная навигация
                                  0
                                  Мне нравится, что поддерживается много типов контента без дополнительных усилий. Кроме того, бесплатный, а highslide - не совсем.
                              0
                              я думаю, ты имел в виду lightbox
                              http://huddletogether.com/projects/lightbox/
                                0
                                Неа, lightwindow - ссылка дана выше :).
                              0
                              В копилочку, мало ли ...
                              Спасибо.
                              +1
                              Дико извиняюсь за оффтопик, но в Speed Dial картинка напомнила другую:
                              цветочек
                                0
                                не понравился совсем:
                                1) очень дебильно сделано масштабирование рамки - сильно дергается (у меня Firefox 2.0).
                                2) стрелка появляется только при подведении к бокам картинки. на саму стрелку курсором навести нельзя, во первых, а во вторых, при подведении к отступам рамки стрелка опять исчезает. сразу может быть не заметно, но на самом деле это будет очень не удобно.
                                Lightbox 2.0, с моей точки зрения, намного удобнее и красивее.
                                  0
                                  я согласен, особенно на счет первого пункта. по поводу лайтбокса - я не считаю что он красивее, но работает по мне так он быстрее, и в целом впечатление от него лучше
                                    0
                                    багов с масштабированием не заметил, а вот стрелочки это да - сам пытался по ним раза 3 попасть.
                                      0
                                      у меня в ff 3 ничего не дёргается
                                      +1
                                      Вот огромная подборка лайтбоксов и галерей на любой вкус: http://www.smashingmagazine.com/2007/05/…
                                      • UFO just landed and posted this here
                                          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 фреймворками будет затруднительно
                                          0
                                          ИМХО, ничего нового в этой библиотеке нет. Курите jQuery и Interface к нему...
                                            0
                                            Посмотрел что есть Interface. Обе вещи (аналог LightBox и autocompleter), которые меня интересовали там глючат.

                                            например вот - http://interface.eyecon.ro/demos/autocom…
                                            0
                                            Угостите ссылкой на подобное с использованием Jquery...

                                            А то пол проекта переписывать не хочется убирая злощастные "$..." из-за prototype
                                              +1
                                              Забыл добавить "пожалуйста".
                                                0
                                                Блин, под рукой не ссылки :( Ща пошурую, может и найду...
                                                  0
                                                  >А то пол проекта переписывать не хочется убирая злощастные "$..." из-за prototype
                                                  Не знаю, правильно ли я тебя понял, но цени:
                                                  http://docs.jquery.com/Core/jQuery.noConflict
                                                    0
                                                    У меня уже есть готовый проект с интегрированной jQuery. jQuery в моем проекте использует символ $ для обращения к различным функциям... Поэтому, если я включу prototype (который требуется для работы Lightbox) у меня пойдет конфликт библиотек. Единственный выход из этой ситуации - это заменить во ВСЕМ проекте символ "$" на "jQuery" и поставить noConflict, что, по понятным причинам, делать не охота. Вот и ищу проект "типа Lightbox" под jQuery.
                                                      0
                                                      Найдёте - скажите ;)
                                                    0
                                                    Гм, гугль хорошо ищет по запросу "jquery lightbox".

                                                    Вот неплохая, кажется, штука: http://www.balupton.com/sandbox/jquery_l…
                                                    И вот: http://jquery.com/demo/thickbox/
                                                      0
                                                      Во, ещё.
                                                      Лайтбокс в стиле facebook: http://famspam.com/facebox
                                                        0
                                                        Благодарю. Помогло.
                                                      0
                                                      похоже единственное что есть в lightview - это скругленные углы и слайдшоу. Если на первое можно наплевать, то слайдшой в других box'ах я так и не нашел. Но с учетом тормознутости - я весь в смятении, что выбрать.
                                                        0
                                                        понравилось переключение стрелками и слайд шоу
                                                          +1
                                                          Есть еще Phatfusion на mootools [http://www.phatfusion.net/multibox/].
                                                          Очень приятный, поддерживает изображения, флеш, видео, аудио, html.
                                                            0
                                                            Воплотил (http://nibbler.spb.ru/), спасибо...
                                                              0
                                                              до этого пользовался lightbox2 что в первом комменте(http://www.huddletogether.com/projects/lightbox2/), но благодаря вам завтра же начну тестировать новые лайтбоксы:) особенно моему другу пригодиться тот вариант что ссылки с ютуба вставляет
                                                                0
                                                                В фоксе под восьмой федорой тормозит что страх.
                                                                  0
                                                                  Под виндой в фоксе тоже томозит...
                                                                  расстроило еще отсутствие открытого исходника
                                                                    +1
                                                                    В фоксе под виндосом у меня всё довольно-таки плавно.. Может производительность разная?
                                                                      0
                                                                      вполне возможно дело в производительности
                                                                      проверял на обычной ненавороченной офисной машинке...
                                                                      если смотреть на такой скрипт в плане его использования на сайтах, то такая скорость работы неудовлетворительна, т.к. таких офисных машин очень много...
                                                                    0
                                                                    странно-странно, у меня тьху-тьху, все работает чин-чином, без глюков и тормозов
                                                                    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
                                                                        0
                                                                        хм.. опера 9.10.. у меня у одного такие лаги?..
                                                                          0
                                                                          Народ, подкажите тупому - как жестко зафиксировать размер изображения?
                                                                            0
                                                                            Небольшой недостаток — эта штука платная
                                                                              0
                                                                              Самое главное отличие — lightview использует antialiasing при ресайзе картинки в любом браузере, включая IE6. Почему-то никто другой такой возможности не содержит.

                                                                              Only users with full accounts can post comments. Log in, please.