Start » Recenzje

ImageBrowser

6 kwietnia 2009 602 wyświetleń Komentarze: 22
ImageBrowser

Pracując nie dawno nad pewnym projektem dla klienta, byłem zmuszony znaleźć dość specyficzne rozwiązanie dotyczące zarządzania obrazkami, galeriami zdjęć.

Komponent, którego szukałem, musiał dawać możliwość łatwego i szybkiego zaimportowania dużej ilości zdjęć, o określonej, złożonej, wielopoziomowej strukturze. Dodatkowo, musiał dawać możliwość zarówno automatycznego tworzenia miniatur, ale również ręcznego wgywania wcześniej przygotowanych miniatur. Wyświetlanie zdjęć miało się odbywać poprzez standardowy już chyba popup AJAX-owy, wykorzystujący bibliotekę MooTools (albo chociaż kompatybilny). Dodatkowo, każde zdjęcie powinno posiadać możliwość edycji podpisu, który jest wyświetlany pod zdjęciem wewnątrz popupa.

Próbowałem zaadaptować do tego celu kilka rozszerzeń z którymi już pracowałem wcześniej t.j. MorfeoShow czy Simple Image Gallery, niestety bezskutecznie. Zawsze co najmniej jeden wymóg pozostawał niespełniony.

Rozwiązaniem idealnym okazał się komponent ImageBrowser. Pierwsza jego zaleta to niekorzystanie z bazy danych. Struktura zdjęć/galerii jest odwzorowywana w strukturze katalogowej na serwerze, a to oznacza, że wystarczy wgrać zdjęcia na serwer do odpowiedniego katalogu bazowego, a będziemy je widzieli w zapleczu administracyjnym komponentu. Druga zaleta, to automatyczne tworzenie miniatur, oczywiście z ustawianym maksymalnym rozmiarem. Miniatury mają takie same nazwy jak pliki zdjęć, nie ma dodawania dziwacznych przedrostków. To z kolei, pozwala na łatwy upload własnych miniatur. No i jedna z ważniejszych rzeczy – każde zdjęcie posiada edytowalny podpis (podpis jest przechowywany w pliku tekstowym o takiej samej nazwie jak zdjęcie). Tu pojawił się pierwszy mały problem – do edycji podpisu służy zwykłe pole tekstowe, a klient chciał umieszczać w podpisie linki, musiałem więc wykonać drobną modyfikację, aby podpis można była edytować edytorkiem WYSIWYG.

Praca z komponentem była prawdziwą przyjemnością. Polecam go wszystkim, niekoniecznie do tak specyficznych zastosowań. Ten komponent jest na tyle prosty a jednocześnie elastyczny, że na pewno sam będę go wykorzystywał jeszcze w różnych sytuacjach.

Poniżej załączam zmodyfikowaną przeze mnie wersję komponentu, zawiera polskie tłumaczenie i edytor WYSIWYG w widoku edycji podpisu zdjęcia.

Podobne wpisy:

Komentarze: 22 »

  • Piotr Sajnog napisał:

    Nie zamieściłeś chyba linka do zmodyfikowanej przez siebie wersji komponentu, a chętnie wypróbowałbym go u siebie.

  • Jacek Kowalczyk (author) napisał:

    O przepraszam, mój błąd. Już poprawiłem.

  • Piotr Sajnog napisał:

    Dzięki :)

  • Marylka napisał:

    Mnie nie działa to przejście między zdjęciami, jak klikne na zdjęcie to otwiera mi się nowa strona i tyle nie mogę dać na następne zdjęcie w tym oknie.

    Można to jakos ustawić…?

  • Jacek Kowalczyk (author) napisał:

    Jeżeli zdjęcie otwiera się w nowym oknie, a nie w popupie to zazwyczej jest to kwestia konfliktu bibliotek javascriptowych. Musisz sprawdzić czy przypadkiem jakiś moduł z którego korzystasz na stronie nie wczytuje JQuery albo czegoś innego. Najlepiej podaj link do strony wtedy zerknę i postaram się pomóc.

  • Marylka napisał:

    adres stronki: http://www.karategoliat.pl

  • Jacek Kowalczyk (author) napisał:

    Nie widzę na tej stronie użytego ImageBrowser. Podaj jakiś link bezpośredni do podstrony, która z tego korzysta.

  • Marylka napisał:

    galeria jest na samym dole w menu

  • Jacek Kowalczyk (author) napisał:

    Ze skryptami wszystko jest OK. Musisz zmienić w ustawieniach pozycji menu “Galeria” aby zdjęcia wyświetlały się poprzez Lightbox. Wejdź w edycję tej pozycji menu i powinnaś znaleźć tam coś takiego (to będzie lista rozwijana). Życzę powodzenia!

  • Marylka napisał:

    ale ja mam tak ustawione i nic to nie daje, dalej jest problem.

  • Marylka napisał:

    Działa! :)

    THX

  • seeboo napisał:

    Czy można zmusić komponent, żeby wyświetlał krótkie opisy pod miniaturkami, a nie dopiero po kliknięciu?

  • Jacek Kowalczyk (author) napisał:

    Jasne, że można trzeba tylko zakasać rękawy i trochę pobrudzić się kodem. Otwórz do edycji plik components/com_imagebrowser/views/gallery/tmpl/defaut.php
    Za wyświetlanie obrazków galerii odpowiada pętla zaczynająca się w linii 56. Wewnątrz tej pętli możemy wyświetlać podpis zdjęcia poprzez odwołanie do $image['caption'].
    Ja proponowałbym zamienić linię 79:
    </a>
    na coś takiego:
    </a><br />< ?php echo $image['caption']; ?>
    Dzięki temu podpisy będą wyświetlały się pod zdjęciami. Pozostaje jeszcze kwestia poukładania wszystkiego w CSS, ale w to nie będę się tutaj wgłębiał.

  • Marylka napisał:

    Czy można jakoś ustawić żeby katalogi ze zdjęciami zawierały Polskie znaki…?

  • Marylka napisał:

    Jacek, czy można ustawić tak żeby foldery ze zdjęciami zawierały polskie znaki…?

    Z niecierpliwością czekam na odpowiedź.

    Pozdrawiam

    Marylka

  • Jacek Kowalczyk (author) napisał:

    Nigdy czegoś takiego nie robiłem, i szczerze mówiąc odradzam, na sporej części hostingów będę z tym problemy.

  • Marylka napisał:

    Bo tak na klubowej stronie chciałam zrobić galerię wykorzystując właśnie ten komponent, ale muszę mieć stworzone właśnie albumy zdjęć…! Jak inaczej można zrobić odnośniki czy coś w tym stylu żeby była ładna galeria zdjęć. No szkoda że nie można zrobić albumów w tym komponencie tylko tworzy folder gdzie są zdjęcia.

  • Jacek Kowalczyk (author) napisał:

    No taki już urok tego komponentu. Jeżeli zależy Ci na rozbudowanym zarządzaniu albumami to zainteresuj się “pełnoprawnymi galeriami” t.j. MorfeoShow albo PhocaGallery, być może będą Ci lepiej odpowiadać.

  • Szym napisał:

    Czy możliwy jest taki scenariusz i jak go zaimplementować? Chciałbym stworzyć artykuł z miniaturkami zdjęć jako wejście do oddzielnych galerii. Wiem jak zrobić galerie jako kolejne pozycje menu – ale gdy próbuję wykorzystać do tego możliwości artykułu wraz z linkami do poszczególnych folderów to efekt jest mizerny – mogę przeglądać fotki – ale nie działa efekt LightBox oraz wyświetlane są wszystkie foldery galerii, a nie jeden wybrany, który miałby być przypisany do danego linku.

  • Andy napisał:

    u mnie wszystko super działa, tylko mam problem z jedną rzeczą. na wszystkich moich podstronach pokazuje sie title u góry w przeglądarce a jak wchodzą w galerie jest pusto.
    a z tego co widzę to na stronie karate jest pokazywany title, nawet tytuł galerii

  • Andy napisał:

    moja gafa, tam jest chyba inny skrypt obecnie. ale tak czy inaczej, jak zrobic aby title byl pokazywany?

  • Łukasz napisał:

    A gdyby tak polskie znaki zastąpić kodami uniwersalnymi? W folderach byłyby co prawda krzaczki, ale system by sobie z tym poradził.

Pozostaw odpowiedź!

Dodaj swój komentarz poniżej lub dodaj trackback ze swojej strony. Możesz również zasubskrybować Subskrybuj komentarze przez RSS.

Możesz używać tych znaczników:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Ten blog obsługuje Gravatary. Jeżeli chcesz mieć swój globalnie rozpoznawalny avatar zarejestruj się na Gravatar.

CommentLuv Enabled