PDA

Zobacz pełną wersję : Pomoc potrzebna. html



FotoAmator
25.01.09, 10:33
Potrzebna mi pomoc. Tylu tu fachowców, może znajdzie się jeden bezinteresowny i jak chłop krowie na pastwisku wyjaśni. Może uda mi się zrobić.

Mam do zrobienia (robię) jeden artykuł opatrzony zdjęciami. Tak się składa, taki mam zamiar, że zdjęcia będą między tekstem. Czyli trochę małe. Miniaturki.
Nie chcę by powiększenia otwierały się w innym, nowym oknie lub nawet w tym samym.
Chcę by otwarło się w na tej samej stronie. Widziałem takie strony. Tekst jest widoczny w 50% a na stronie od zdjęcia robi się powiększenie. Wystarczy kliknąc w zdjęcie i się zamknie a tekst z miniaturką nadal na stronie.

JAK TO ZROBIĆ ?

Może ktoś na maila podeśle informacje. Najlepiej gotową stronę z kodem html. A wszystko zapakowane do zip-a. Jak zobaczę, to resztę już może sam zrobię. Lub może jakąś stronę gdzie jest to wyjaśnione.

Mail; aliku@poczta.onet.pl

Huco
25.01.09, 10:56
Prawdopodobnie chodzi o efekt Lightboks lub podobny. Może jest jakiś dodatek bo jeśli to zwykły html to ręcznie wstawki biblotek js.
http://adas.jogger.pl/2006/01/14/lightbox-wygodniejsze-wyswietlanie-zdjec-na-stronach-www/
http://www.huddletogether.com/projects/lightbox/
pzdr

RadioErewan
25.01.09, 11:01
http://en.wikipedia.org/wiki/Lightbox_(JavaScript)

Pozdrawiam

FotoAmator
25.01.09, 11:23
Chodzi mi mniej więcej o coś takiego

http://www.australia.com.pl/index.php?option=com_rsgallery2&Itemid=48&page=inline&id=262&catid=5&limitstart=9

Tylko błagam, ja z zamiłowania fotograf wyłuczony na Zenicie TTL a nie informatyk.
Budowa stron ogranicza się do częściowego poznania HTML-u
Znajomość angielskiego kończy się na w miarę dobrym komunikowaniu opartym na osłuchaniu się.
Nie każcie czytać mi stron z technicznymi wyrażeniami. Zrozumię w 30%.

Tak mi się wydaje że mogę to zrobić. Jeżeli nie, to trudno. Przynajmniej nie będzie że nie próbowałem

:-)

skow
25.01.09, 12:02
Chodzi mi mniej więcej o coś takiego

http://www.australia.com.pl/index.php?option=com_rsgallery2&Itemid=48&page=inline&id=262&catid=5&limitstart=9



To korzysta z biblioteki "Highslide"

Szczegóły na:
http://highslide.com/

Ania_
25.01.09, 12:19
Polecam wspomnianego przez Radka lightboxa.
Zasada działania jest prosta, instalujesz ładując pliki w folder ze stroną. A potem modyfikujesz kod:

<LINK REL="stylesheet" HREF="indexs.css" TYPE="text/css">
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</HEAD>

to wklejasz w kodzie strony w head.

a to wklejasz w miejscu zdjęcia:
<a href="adres dużego zdjęcia np. images/2.jpg" rel="lightbox" title="opis zdjęcia"><img src=" adres miniaturki np: images/2gm.jpg" BORDER="0"></a>


Miniaturki musisz niestety stworzyć samodzielnie.

FotoAmator
25.01.09, 12:40
Miniaturki musisz niestety stworzyć samodzielnie.

Dzięki. Będę próbował.
Zawsze to jakiś punk zaczepienia a nie na macanego :-)

polusso
25.01.09, 19:05
a tu generator web galerii:
LightBox JS Web Gallery Generator


http://pranas.net/WebGalleryCreator/

dziekan
25.01.09, 22:15
Dzięki. Będę próbował.
Zawsze to jakiś punk zaczepienia a nie na macanego :-)

a nie doczytałem o co chodziło a rozpisałem się niepotrzebnie o Jalbum OT z mojej strony - post do usunięcia :)

FotoAmator
26.01.09, 20:15
Dziękuję, dziękuję.

Jeszcze raz dziękuję Wam wszystkim. Wiedziałem że na Was mogę liczyć.
Po przeanalizowaniu wszystkich informacji zrobiłem.
Chyba jednak jestem zdolny . :-) :-)
Zaczynam budować i redagować.
Jak zrobię to się pochwalę.

epicure
20.02.09, 19:31
Dołączę się do wątku, bo też potrzebuję pomocy w html'u.

Wie ktoś, jak się pozbyć szpetnej niebieskiej ramki, która pojawia się wokół grafiki pełniącej funkcję odsyłacza? Przejrzałem już sporo poradników, ale w żadnym nie znalazłem rozwiązania.

krzysiekz
20.02.09, 19:48
Dołączę się do wątku, bo też potrzebuję pomocy w html'u.

Wie ktoś, jak się pozbyć szpetnej niebieskiej ramki, która pojawia się wokół grafiki pełniącej funkcję odsyłacza? Przejrzałem już sporo poradników, ale w żadnym nie znalazłem rozwiązania.

Wstaw border='0' w definicji obrazka i ramka zniknie np:
<img src='obrazek.bmp' border='0'>

epicure
20.02.09, 20:25
Wstaw border='0' w definicji obrazka i ramka zniknie np:
<img src='obrazek.bmp' border='0'>

No tak! Przecież to oczywiste... Dzięki za pomoc!

Smerf Maruda
21.02.09, 00:40
Wstaw border='0' w definicji obrazka i ramka zniknie np:
<img src='obrazek.bmp' border='0'>

Tak się pisało kod HTML 10 lat temu. Ale czego się spodziewać po kimś, kto linkuje bitmapy ;-)

epicure: użyj reguły CSS


img { border: none;}

Ania_
21.02.09, 00:48
O ile się nie mylę, można jeszcze tak:

img {border: 0px;}