[js][html] skrypt galerii

[johnyjj2]

Witam!

Chciałbym wrzucić na stronę galerię ośmiu zdjęć jpg. Stronę zrobiłem przy wykorzystaniu gotowego szablonu z http://www.freewebsitetemplates.com/. Próbowałem zastosować ten skrypt http://www.fotografia.kopernet.org/galeria.html, to znaczy zapisałem stronę na dysk, przejrzałem kod, wrzuciłem do wersji off-line swojej strony pliki .js i fragment kodu ze strony kopernet. (Sprawdziłem, że plik galeria.js jest freeware, jej źródło to http://www.kurshtml.boo.pl). Niestety, po pierwsze jest całe mnóstwo śmieci w tym kodzie, mnóstwo innych plików .js jest używanych, które dotyczą jakichś reklam itd.

Czy może mi ktoś zaproponować jakiś prosty skrypt galerii do wrzucenia na moją gotową (poza galerią ) stronę? Albo może jak użyć tego galeria.js z kurshtml.boo.pl, to znaczy co musi się znajdować w html-u (bo w pliku html z kopernet jest całe mnóstwo niepotrzebnego kodu html)?

Pozdrawiam!

[Sajam]

[johnyjj2]

Witam!
Właściwie to musiałem ostatnio stworzyć swoją pierwszą stronę internetową w w w . n a p r a w a t a b o r u . p l, jakoś to zrobiłem przy użyciu css-a z freewebtemplates.com. Mam teraz następujące problemy / pytania:
1) zmodyfikowałem css-a tak, żeby przesunąć te flagi (opcja wyboru języka), ale nie zadziałało. Najpierw chciałem przesunąć je w prawo, co się nie udało - w końcu doszedłem do wniosku że może i lepiej to wygląda jednak z lewej tak, jak jest. Próbowałem też zwiększyć odstęp pomiędzy flagami i główną częścią strony, jednak ani padding-bottom, ani margin-bottom nie zadziałały.
2) z tego, co mi wiadomo to kiedyś strony się robiło w sposób taki, że np. w pliku index.html znajdował się tylko kod dzielący stronę na trzy części (góra, menu z lewej i główna część z prawej) oraz trzy osobne pliki html. Po wybraniu jakiegoś elementu z menu z lewej, do okienka z prawej był ładowany osobny podplik html. Umożliwiało to uniknięcie powielania mnóstwa kodu wiele razy.
Później ten sposób tworzenia stron stał się trochę mniej popularny i jakoś się ładowało odpowiednie fragmenty kodu html przy pomocy php. Podejrzewam, że na domeny.pl, gdzie moja stronka się znajduje (konto zostało wykupione), jest możliwe użycie php. Niemniej jednak w jaki sposób najlepiej właśnie uniknąć powielania dużych fragmentów strony? (Aktualnie stona działa, ale ten sam fragment kodu występuje we wszyskich podstronach, co - podejrzewam - jest rozwiązaniem niezbyt optymalnym ze względu na konieczność wprowadzania zmian we wszystkich podstronach w wypadku edycji jakiejś wspólnej dla całej witryny części projektu).
3) Skorzystałem również z jakiegoś gotowego, darmowego js do stworzenia galerii. Niemniej jednak w jakiś dziwny sposób zdjęcia się nie ładują na samej górze strony, tylko trochę przesunięte w dół. Do tego nie wiem też, w jaki sposób zmieniać wielkość zdjęć, które się pojawiają po kliknięciu miniaturki. Aktualnie rozwiązałem ten problem w taki sposób, że po prostu przeskalowałem je w paintcie, choć chciałbym wiedzieć, jak to zrobić przy pomocy samego kodu, wykorzystującego tych kilka plików .js.
4) I ewentualnie jeszcze takie pytanie - czy to jest duża różnica, że używam plików z rozszerzeniem htm, zamiast html?
Pozdrawiam!

[KowR]

1. Eee... nadaj temu position:absolute (tak jak inne divy) i ustal statyczne miejsce. Jak zwiększyć odstępy pomiędzy flagami?

Kod:

#lang a {
margin-right:5px;
display:block;
float:left;
width:50px;
}

2. Yyyy.. Iframe? Rzeczywiście bez sensu, tak samo tworzenie plików html includowanych w PHP - do tego mamy wiele narzędzi np. Smarty.
3. Bo są pewnie wycentrowane względem wysokości strony (lightbox) też to ma. Wielkość zdjęć? PHP moduł GD podczas wrzucania zdjęcia z panelu admina lub także może to być w JSie robione na szybko (ale możesz stracić na jakości).
4. W sumie żadna, to na nic nie wpływa - chociaż htm pochodzi z dawien dawna kiedy to jeszcze rozszerzenia musiały być trzyliterowe, html może być zalecanym przez w3c, trzeba by było poczytać.

[johnyjj2]

Smarty.
OK, rzuciłem okiem tutaj http://pl.wikibooks.org/wiki/PHP/Smarty i z tego, co zrozumiałem to mając stronę na domeny.pl po prostu tworzę katalog templates i wrzucam do niego parę plików i smarty działać powinno. Zobaczyłem też tutaj http://pl.wikipedia.org/wiki/Smarty i w sumie nie bardzo wiem, jak by to miało ułatwić pracę, skoro np.

Kod:

$smarty->assign('tytul', 'TYTUŁ: To jest prosty przykład wykorzystania Smarty ...');

wygląda raczej jak możliwość dodania do strony przy użyciu tego smarty zmiennej tekstowej, a nie większego fragmentu kodu.

Css i flagi.
Niestety ten patent z css-em i flagami nie do końca zadziałał.
http://www.naprawataboru.pl/css/style.css
http://images41.fotosik.pl/157/c6a91cb0ca585ef5.jpg

Pozdrawiam i dzięki za odpowiedź :-)

[Sajam]

Co do Smarty, to jest to system szablonów w PHP.
Dla tak małego projektu chyba jednak nie opłaca się go używać ;]

Po prostu możesz w php załączyć inne pliki do szablonu (za pomocą funkcji include wskazać plik do załadowania).

Kod:

<div id="nav">
<?php
include('podstrony/nawigacja.php');
?>
</div>

...i po kłopocie.

Patent z flagami, hm... spróbuj tego:

Kod:

#lang img { padding-right:15px; }

[neo_17]

yjs ja sobie zrobiłem tak ze php mi wgrywa zdjecia , nastepnie jak ktos wejdzie do jakiejs tam galerii , np. "wakacje w rumuni" no to szuka mi w tabelce "foto" w kolumnie album i wybiera wszystkie fotki o gdzie album to "wakacje w rumuni" , no i robi linki jak to sobie rzycza w lightbox no a juz dalej robote robi sam lightbox mogem to napisac o ile potrzeba