PDA

Zobacz pełną wersję : jak stworzyć galerię z wykorzystaniem html/css/java



marxdesign
14-01-2011, 14:40
Witam,
chciałem stworzyć własną galerię, coś takiego:
http://www.pako.lodz.pl/galeria/galeria_kat2.html
Ale nie mam pojęcia w jaki sposób umieścić to na stronie, np w artykule.

przeszkodą jest fakt że galeria ta wykorzystuje style css i javascript

Jest jakaś możliwość dodania tego na stronie ?

mjmartino
14-01-2011, 14:52
Witam
Hmmm a może pomocny będzie Sourcerer ;)
http://extensions.joomla.org/extensions/edition/custom-code-in-content/5051
Pozdrawiam

marxdesign
14-01-2011, 15:05
niestety już próbowałem i nic nie wskórałem

Robster
14-01-2011, 15:55
CSS i JS nie ma tutaj nic do rzeczy. Możesz zrobić to na dwie metody. Jedna to napisanie kodu i wklejenie go do modułu "własny kod html" i podpięcie go do artykułu modułem Anywhere, a druga wyłączenie edytora (ustawienie w konfiguracji typ edytora na NoEditor) i wklejenie kodu do artykułu (nie można później edytować artykułu w innym edytorze niż NoEditor).
Jednym słowem dość dużo zabawy, a lepszym wyjściem byłoby stworzenie własnego modułu lub skorzystanie z jednej z galerii dostępnych na extensions.joomla, bo jest ich tam cała masa i w moim mniemaniu tworzenie własnej to rzucanie sobie pod nogi kłód, ewentualnie ewidentny brak zajęć.

mjmartino
14-01-2011, 15:56
Masz owe css+js pod ręką ? podeślij na priva zobaczymy co są się zrobić :)

marxdesign
17-01-2011, 11:11
Witam,
korzystając z Sourcerer, udało mi się uzyskać częściowy efekt z pominięciem javascript.
Tylko teraz mam problem, na stronie mam zainstalowanego lightboxa.
Chciałem aby miniaturki zdjęć nie były tworzone automatycznie z dużego formaty, bo wtedy tracą na jakości.
Dlatego chciałem dorobiłem miniaturki.
Nie wiem co się dzieje i co jest nie tak, ale lightbox po kliknięciu w miniaturkę nie wczytuje mi dużego zdjęcia, ale pokazuję tę miniaturkę.



<ul>
<li>
<a href="images/galeria/obwoluty/micro60_nowa.jpg" title="Microfibra 60 DEN"><img src="images/galeria/obwoluty/thumb/micro60_nowa.jpg" alt="1" width="150" height="112" /></a>
<div id="podpis" align="center">Microfibra 60 DEN</div>
/li>

</ul>