10 odpowiedzi na ten temat

[Dryżał]

Witam.

Zainstalowałem lightbox. Następnie chcę dodać galerię. W artykule dodaję "Gallery (in a Lightobx)", zaznaczam pliki źródłowe. Na stronie wyświetla się zamiast galerii link "Lightbox Gallery", który nie działa :/
Pewnie problemem jest moje lamienie ale męcze się z tym już jakiś czas. Może ktoś wie co robię źle. Chyba, że macie lepszą opcję aby zrobić prostą galerię w stylu lightbox?

Pozdrawiam

[Piotr]

Jeżeli to nie musi być konkretnie lightbox to go wywal i:
1/. Themes -> Edycja Szablonów / Układów (przedostatnia ikona) -> (wybierasz Szablon / Układ) -> na samym dole w Ustawienia Skryptów zaznaczasz moo_mediabox
2/. Wchodzisz do Artykułu -> Dodajesz nowy element -> Wybierasz Galeria Obrazków -> wybierasz obrazki -> w ustawieniach zaznaczasz Powiększenie obrazka

[Dryżał]

Jeżeli to nie musi być konkretnie lightbox to go wywal i:
1/. Themes -> Edycja Szablonów / Układów (przedostatnia ikona) -> (wybierasz Szablon / Układ) -> na samym dole w Ustawienia Skryptów zaznaczasz moo_mediabox
2/. Wchodzisz do Artykułu -> Dodajesz nowy element -> Wybierasz Galeria Obrazków -> wybierasz obrazki -> w ustawieniach zaznaczasz Powiększenie obrazka

Zrobiłem tak jak napisałeś. Niestety zdjęcia powiększają się jako nowa strona bez możliwości nawigacji.

[Piotr]

Czy załączałeś inne skrypty z temtej listy?
Jeśli tak to które?

Wiesz jak sprawdzić czy masz załadowany jQuery?

[Dryżał]

Czy załączałeś inne skrypty z temtej listy?
Jeśli tak to które?

Nie załączełem.

Wiesz jak sprawdzić czy masz załadowany jQuery?

Mam dodane:
<script type='text/javascript' src='js/jquery-1.6.2.min.js'></script>
<script type='text/javascript' src='js/jquery.easing.js'></script>
<script type='text/javascript' src='js/jquery.js'></script>

[Piotr]

Ok... wydaje mi się, że dodałeś je ręcznie, jeżeli tak, to usuń skrypty dodane ręcznie i sprawdź ponownie, czy Ci będzie działać.
Jak zaznaczysz moo_mediabox, contao powinien dodać własny jquery.

[Dryżał]

Nie dodaje
Nawet jak usunąłem wszystkie te trzy wpisy.
Coś mi się z menu kiepściło. Teraz mam tylko te dwa:

<script type='text/javascript' src='js/jquery-1.3.2.min.js'></script>
<script type='text/javascript' src='js/jquery.easing.js'></script>

[Piotr]

Podaj adres to zobaczę co może być przyczyną

[Piotr]

Ok... dostałem adres na PRV.
1/. Nie widzę CSS dla Lightboxa, czy innego ustrojstwa - domniemam, że style ładujesz ręcznie - o wiele lepiej jest używać do tego przygotowanych narzędzi, dzięki czemu na późniejszym etapie łatwiej jest wszystkim zarządzać
2/. Dokument jest XHTML -> na tej podstawie domniemam, że Twoja wersja Contao nie jest najnowsza, ponieważ teraz Contao serwuje strony w HTML5, co jest zalecane i szybsze.
3/. Nie dodajesz dynamicznie plików JS z Contao ani CSS, na tej podstawie sądzę, że chyba zastąpiłeś fe_page, jakąś swoją templatką nie przenosząc wszystkich zmiennych generujących skrypty CSS i JavaScript
4/. Nie widzę też pliku js. z lightboxa.

Proponuję, wygenerować nowy fe_page i po kolei zmieniać w nim odpowiednie elementy szablonu, tak by nie zapomnieć o żadnej zmiennej w nim się znajdującej. Wtedy moje wskazówki z poprzednich postów zadziałają.
Proponuję także zawsze dbać o to, by tworzyć projekt w jak najnowszej wersji -> a już na pewno jeżeli nie jest on jeszcze produkcyjny.
Czemu nie chcesz robić w HTML5? To obecnie najlepiej oceniana technologia przez Google - najbardziej optymalna pod SEO i doskonała do urządzeń mobilnych?

W każdym razie...
Jeżeli chcesz to oddzielnie zrobić, a nie z wykorzystaniem narzędzi dostępnych w Contao, to proponuję Ci ściągnąć sobie FancyBox, zainstalować jego pliki w tl_files, w fe_page dodać wg. wskazówek na stronie Fancyboxa i pozostanie Ci jeszcze zmienić potem template wyświetlania galerii zdjęć tak aby można było odpalić fancyboxa.
Sprawdź tylko jakiej wersji jQuery wymaga i jeśli wymaga wyższej niż obecnie stosujesz, to zmień jeszcze wersje jQuery.

Fancybox dostępny pod adresem: http://fancybox.net/, ale proponuję jednak żebyś stworzył nowy fe_page i go przerobił nie usuwając zmiennych w nim zawartych a w szczególności umożliwić dynamiczne dodawanie js i css oraz pozostawiając tag <body onload>.
Pamiętaj też że masz możliwość importu gotowych plików css.
Co do menu, jeżeli zdecydujesz się na jedyne słuszne rozwiązanie czyli od nowa fe_page to powinieneś pod zmienną generującą moo_tools dodać:

<!-- Nie jestem pewien czy easing.js jest konieczny bo być może jest w Contao, ale lepiej go dodać -->
<script type='text/javascript' src='js/jquery.easing.js'></script>
<script type="text/javascript">function navi(){
$('#main_nav ul li').hover(function() {  $(this).find('ul:first').stop().animate({height: '200px', opacity: '100'},{queue:false, duration:200, easing: 'easeInSine'})   }, function() { $(this).find('ul:first').stop().animate({height: '0px', opacity: '0'},{queue:false, duration:100, easing: 'easeInCirc'})});};$(document).ready(function() {navi();});</script>

i powinno śmigać.

spróbuj się zastosować do jednej i drugiej opcji i daj feedback!

[Dryżał]

Oki dzięki za odpowiedź. Postaram się zastosować do Twoich wskazówek. Dam znać czy się udało czy nie.

[Dryżał]

Udało się. Dzięki.