+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: [js][html] skrypt galerii (/thread-js-html-skrypt-galerii)
[js][html] skrypt galerii - johnyjj2 - 10-07-2009
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!
RE: [js][html] skrypt galerii - Sajam - 10-07-2009
RE: [js][html] skrypt galerii - johnyjj2 - 13-07-2009
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!
RE: [js][html] skrypt galerii - KowR - 13-07-2009
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ć.
RE: [js][html] skrypt galerii - johnyjj2 - 14-07-2009
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 ...');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ź :-)
RE: [js][html] skrypt galerii - Sajam - 14-07-2009
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>Patent z flagami, hm... spróbuj tego:
Kod:
#lang img { padding-right:15px; }RE: [js][html] skrypt galerii - neo_17 - 21-07-2009
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