Zapisanie prostej galeri w css


(Drivtdt) #1

Witam mam problem z odpowiednią galerią pod stronę. Na pewnej stronie znalazłem link do pobrania galerii ale jakoś nie widzę aby dało się to pobrać, jest to prosta galeria i taka właśnie jest mi potrzebna jak ją zapisać na dysku aby działała bo chyba sam ko źródłowy to za mało ?

http://www.cssplay.co.uk/menu/photo_album.html#nogo


(Sitemaster) #2

Podgląd źródła i kopiujesz sobie style, oraz fragment kodu z galerią.

Ot cała filozofia.

Na upartego możesz cisnąc w przeglądarce plik -> zapisz jako -> plik html z obrazkami (kompletna strona web) czy jak tam zwał.


(Drivtdt) #3

Dobra mam to i testuję na serwie ale mam 2 problemy...

  1. Dlaczego nie działa żadne zdjęcie automatycznie po wejściu w galerie po prostu nie ma nic tylko puste pole chciał bym aby od razu wyświetlał się pierwszy obrazek.

  2. Dlaczego kiedy mam otwartą jakąś fotkę i kliknę obojętnie w jaki miejsce to ona znika.

Jak mogę naprawić te problemy.#-o

Oto test galerii na stronie http://www.gametronik.pl/placek.html#nogo ta podstrona zawiera cały kod.


(Sitemaster) #4
  1. jak byś popatrzył w style, to byś zobaczył taka oto linijkę

tam jest podany link do fotki startowej

...zmień gallery/deer.jpg na photo_album_pliki/landscape_1.jpg to się odpali fotka nr1

  1. wywal

...i najważniejsze - obuduj kod poprawną strukturą dokumentu (x)html

czyli doctype, html, meta, head, body...

ps. na oryginale to działa podobnie - też po kliknięciu poza galeryjką ta się resetuje.


(Drivtdt) #5

Zrobiłem już coś takiego :

http://www.gametronik.pl/placek.html#nogo

I mam problem z wycentrowaniem liczby w zdjęciu 1,2,3,4.. jest za to odpowiedzialny ten kod css:

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */

.gallery {

padding:0; 

margin:430px 0 0 125; 

list-style-type:none; 

position:relative; 

width:320px;

}

Odsuwa mi on liczby na środek przesuwając je o 125px ale jeśli zamiast 10 zdjęć będą np 3 i odsunie o 125 px to już nie będzie środek. Próbowałem to jakoś zamienić na center czy coś ale wtedy nie chodzi. Jak zmienić tą linie aby niezależnie od ilości zdjęć liczby były wyśrodkowane na obrazku. ?