PDA

Zobacz pełną wersję : CSS+ Xhtml :-)



sradek
10-10-2007, 17:55
Mam taki problem - wydaje mi się, że sprawa jest do zrobienia tylko nie za bardzo znam się na robieniu stron www.

Moje rozwiązanie wygląda tak

<fotka>dane zdjęcie duży format </fotka> | Ramka górna
----------------------------------
Menu pionowe z różnymi zdjęciami podglądowymi |
do wyboru .................................................. .|
fotka1 .................................................. .......| ramka dolna
fotka(n) .................................................. .....|

:
sprawa prosta - kliknięcie w zdjęcie z menu otwiera mi html'a w ramce górnej z danym zdjęciem!

Ale póki co mam ramki oraz klika plików html z poszczególnymi zdjęciami. Zdjęcia, to tak naprawdę pewna animacja z javy ale to CHYBA nie ma znaczenia - maksymalnie w jednej "galerii" będzie i 5 do wyboru.

Pytanie:

Jak zrobić takie coś w jednym pliku html? Myślałem o tym aby postrzególne "duże zdjęcia" ukryć poleceniem (Hiden) z zostawieniem jednego a poprzez klikanie w menu odkrywać to następne.

Jakieś rady?
- Czy fakty, że zamiast zdjęcia będzie :
<APPLET width="500" height="350">
<param ************** />
</APPLET>

- w czymś przeszkadza?

- czy ładowanie kilku "dużych zdjęć ok 300kbx 5 = 1.5 mb - nie spowolni ładowania strony
- nie wiem jak działa parametr hidden - czy ładuje wszystko - czy czeka na "odkrycie"
danego znacznika <DIV>

Jeżeli coś nie jest jasne dajcie znać :D

Pozdrawiam i proszę o pomoc.

rudin
10-10-2007, 19:55
- Czy fakty, że zamiast zdjęcia będzie :
<APPLET width="500" height="350">
<param ************** />
</APPLET>
- w czymś przeszkadza?
nie



- czy ładowanie kilku "dużych zdjęć ok 300kbx 5 = 1.5 mb - nie spowolni ładowania stronyspowolni :)



- nie wiem jak działa parametr hidden - czy ładuje wszystko - czy czeka na "odkrycie"
danego znacznika <DIV>ładuje wszystko - tylko nie wyświetla


Najlepiej jeśli zainteresujesz się albo php (include), albo javascript (i będziesz dynamicznie podmieniał choćby poprzez innerHTML [a jeśli obrazki to document.getElementById(id).src]).
A jeśli chcesz się pozbyć ramek a jednocześnie zachować efekt przewijania tylko części strony to css (overflow)


chyba, że się gdzieś pomyliłem :D

sradek
10-10-2007, 21:09
Co do mojej wiedzy na temat tworzenia stron www to ogranicza się ona do Html'a. więc Java i PHP odpada.
Ale dzięki.

saygon
10-10-2007, 22:25
applet - odpusc solbie to co robisz mozna bardzo ladnie zalatwic zwyklym html - javascript(nie mylić z java!) i bedzie szalało i hulało. co do rozwiązania kolego to nie tak sie do to konca robi. tworzysz obiekt javascriptu i jemu podajesz src do zdjecia, wiec narazie ejst to obiekt w javascipcie a nie w html. dopiero jak sie zaladuje dodajesz go do strony i masz łądnie i płynnie. Jest sporo gotowych bibliotek do takich rzeczy zainteresuj sie http://script.aculo.us/ oni chyba maja jakiegos sampla jak dynamicznie to robic, jak sie to google powinien cos powiedziec, jesli nie powie to trasnij stronke postaram sie js klepnac do tego.

sradek
10-10-2007, 22:44
Witam.

Aby rozjaśnić o co mi chodzi :

www.tour4u.co.uk

A chce zrobić wirtualną przechadzkę. Czyli w menu na dole wybór poszczególnej panoramy!

saygon
10-10-2007, 22:50
a nie lepiej w aplecie dopisac wybór panoramy? najladniej i najlepiej.

sradek
10-10-2007, 23:03
:D Jakiś przykład [link]

Radek

sradek
12-10-2007, 23:16
Dzięki za podpowiedzi. Doczytałem trochę dokumentacji pureplayera i jest parę możliwości pozostania przy jednym html tzn. bez ramek póki co zdecydowałem się na szablon www.tour4u.co.uk - jeszcze sprawa wklejenia paru informacji

Pozdrawiam

sradek
14-10-2007, 19:20
Póki co zrobiłem w ramkach:


http://tour4u.co.uk/vt/stmarycathedral/index.html
http://tour4u.co.uk/vt/roseberryhotel/index.html (http://tour4u.co.uk/vt/roseberryhotel/index.html)