PDA

Zobacz pełną wersję : blokuje się strona po wyświetlaniu popup



Yako
12-05-2013, 16:23
Mam problem z prawidłowym wyświetlaniem się popup przy wykorzystaniu dodatku SmartResizer. Teoretycznie efekt powinien być taki:

http://minimart.lotix.ru/en/smartresizer-demo/8-lorem-ipsum-5

A na stronie, którą tworzę jest taki:

http://www.blogoslawionanatalia.eu/joomla/index.php/beatyfikacja/ku-beatyfikacji

(na razie są tam tylko dwie przykładowe fotki, żeby poćwiczyć użycie dodatku i sprawdzić jak działa)

Dodatek mam ustawiony na:

Full image display style: Joomla SqweezBox

Po jednorazowym kliknięciu pojawia się okienko, ale blokuje cała strona (znika możliwość przewijania strony). Po dwukrotnym kliknięciu zdjęcie pokazuje się w nowym oknie, ale właściwa strona też jest przyblokowana. Nie wiem w czym problem i jak uzyskać taki efekt jak w demo.

(W dodatku są jeszcze dwie opcje: 1) Full image display style: popup windows - tej nie chcę używać, bo często ludzie blokują wyskakujące okienka, sama zreszta tak mam ustawioną przegladarkę, 2) Full image display style: Higslide effects - tego w ogóle nie mogę uruchomić, bo po kliknięciu na zdjęcie tylko trwa bez końca ładowanie czegoś - nawet nie wiem więc jak ten efekt wygląda). Chciałabym uzyskać taki efekt jak w demo, ale jak to zrobić? Proszę, pomóżcie...

Robster
12-05-2013, 18:58
W kodzie pluginu musi być jakiś błąd. Podczas zamykania okna nie jest ukrywana warstwa "sbox-overlay", która powoduje to, że strona jest "zablokowana". Zainstaluj sobie plugin lightbox2, prosty, przyjemny i bezproblemowy.

Yako
12-05-2013, 21:59
Lightbox2? Znalazłam tu: http://lokeshdhakar.com/projects/lightbox2/

Tu jest nawet wyjaśnione po polsku: http://webhosting.pl/Jak.dodac.wyswietlarke.zdjec.Lightbox.2.do.strony. WWW

Ale dla mnie instalacja tego jest i tak trudna. Instalator joomla nie widzi pliku instalacyjnego, więc samo się nie zainstaluje niestety. Rozzipowałam plik. Nie wiem, czy cały rozzipowany folder o nazwie "lightbox2.51" wrzucić na serwer i gdzie dokładnie? Czy wrzucić zawartość tzn. osobne foldery: css, images, js + index.html, readme (readme pewnie niekoniecznie). Nie wiem też do którego nagłówka strony HTML dodać skrypty. Mam luzem, poza joomla plik index.html, ale on pokazuje tylko strone w budowie. W index.html szablonu jest z kolei tylko jedna linijka. Nie wiem wiec, gdzie dodać te skrypty. I nie wiem gdzie wstawić css? Do folderu css szablonu (mam vertex shape5)?

Yako
12-05-2013, 22:39
Wcześniej próbowałam użyć JCE MediaBox. Zainstalowałam edytor JCE, dodatek JCE MediaBox, jedno i drugie opublikowane w dodatkach. Przełączyłam się na edytor JCE, ale bez Image Manager Extended nie umiem wywołać popup. Jeżeli dałoby się skorzystać z tego JCE MediaBox bez menedżera zdjęć, to wróciłabym do tego narzędzia. Może ktoś wie, jak go użyć bez Image Manager Extended?

Yako
13-05-2013, 23:42
Poradziłam sobie. Wróciłam do edytora JCE z dodatkiem JCE MediaBox. Zbadałam stronę w demo pluginu JCE MediaBox i wypracowałam treść w html-u, dzięki czemu ominęłam problem braku menedżera zdjęć, który by wygenerował popup. Gdyby ktoś potrzebował, to (po zainstalowaniu edytora JCE i pluginu JCE MEdiaBox) w edycji artykułu kod powinien wyglądać tak:

<p><a class="jcepopup" title="tu_wpisac_tytul" type="image" href="zdjecie1.jpg" rel="" target="_blank"><span class="jcemediabox-zoom-span"></span><img style="wpisac_dowolny_margin_float_itp" title="tu_wpisac_tytul" src="zdjecie1.jpg" alt="tu_wpisac_co_na_zdjeciu" width="wpisac_szerokosc_miniaturki" height="wpisac_wysokosc_miniaturki" /><span class="jcemediabox-zoom-image"></span> </a></p>

Inne parametry typu wyświetlanie nakładki bądź nie, wygląd wyskakującego okienka itp. określa się w ustawieniach pluginu (na poziomie dodatku lub z panelu ustawień komponentu edytora JCE - tu też jest dostęp do ustawień MediaBox).

Yako
14-05-2013, 07:59
Oj, uwaga z tym kodem, coś mi tam jeszcze nie działa dobrze.

Karol99
14-05-2013, 18:25
Może zamiast kombinować popatrzysz do tutoriala na stronie twórców (http://www.joomlacontenteditor.net/support/tutorials/jcemediabox/item/create-a-media-popup) rozszerzenia?... Piętro wyżej inne zastosowania Mediabox-a.

Yako
14-05-2013, 18:41
Wszystko w tym tutorialu obejrzałam. Tylko że on jest dla tych, którzy mają Image Manager Extended, a dostęp do niego wymaga wykupienia subskrypcji. Muszę więc sobie radzić bez tego menedżera, wyłącznie posługując się kodem html.
Zresztą już doszłam do tego, gdzie zrobiłam błąd w kodzie. Jest niepotrzebnie dwa razy </span>. To pierwsze trzeba wyrzucić i będzie dobrze działać.

<p><a class="jcepopup" title="tu_wpisac_tytul" type="image" href="zdjecie1.jpg" rel="" target="_blank"><span class="jcemediabox-zoom-span"><img style="wpisac_dowolny_margin_float_itp" title="tu_wpisac_tytul" src="zdjecie1.jpg" alt="tu_wpisac_co_na_zdjeciu" width="wpisac_szerokosc_miniaturki" height="wpisac_wysokosc_miniaturki" /><span class="jcemediabox-zoom-image"></span> </a></p>

W rel="" dla utworzenia zdjeć zgrupowanych można jeszcze dodać: rel="title[wpisac_tytul]; group[wpisac_grupe]"

Karol99
14-05-2013, 18:45
on jest dla tych, którzy mają Image Manager Extended

Nie, nie musisz mieć tego dodatku. Wstaw miniaturkę jak zwykły obrazek, zaznacz kursorem, naciśnij klawisz link w przyborniku - i dalej wg. instrukcji.

Yako
14-05-2013, 19:34
Ooooo! A ja szukałam w opcji Wstaw/Dostosuj obrazek, a tam nie było tworzenia popup... Dzięki ogromne :), choć mam też satysfakcję, że potrafię już wstawić sobie powiększenie obrazka, posługując się tylko html-em.