Fajna galeria - Wersja do druku

Fajna galeria - Wersja do druku

+- 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: Fajna galeria (/thread-fajna-galeria)

Strony: 1 2

Fajna galeria - vfr4 - 01-12-2009

Jak zrobić taką galerię że na środku będzie zdjęcie i żeby wyślietlić następne to trzeba nacisnąć strzałkę z boku?

Dam reputa ;]

RE: Fajna galeria - virus4 - 01-12-2009

http://funkcje.net/view/2/11/1885/index.html -> wystarczy za pomocą CSS przerobić trochę wygląd i mamy piękną galerię. Jeżeli to Ci się nie podoba to w google wpisz galeria JS i przejrzyj wyniki wyszukiwania.

RE: Fajna galeria - vfr4 - 02-12-2009

No dobra ale co ja mam tam zrobić co gdzie wrzucić i wgl.?

RE: Fajna galeria - virus4 - 02-12-2009

Wystarczy przeczytać. Zresztą tam są nawet gotowe kody. Po Twojej wypowiedzi myślę, ze nie znasz HTML'a i CSS'a. Jeżeli tak jest to kieruję do www.kurshtml.boo.pl

RE: Fajna galeria - vfr4 - 02-12-2009

chodzi mi o to że gdzie mam wrzucić te pliki pobrane (tylko po prostu na serwer?) i gdzie mam wkleić ten kod

RE: Fajna galeria - *luucek - 02-12-2009

Witam

Mam dla ciebie coś co pasowałoby do tego opisu który dałeś i myślę, że to to
http://www.huddletogether.com/projects/lightbox2/

Klikasz tam gdzie pisze Lightbox 2.04, pobierasz, pliki wypakowywujesz do folderu ze stroną, następnie dodajesz te linijki:

1.

Kod:
<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>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

Podpowiem że wklejasz to na początku strony między znaczniki <head></head>, na docelowej stronie na której również będą znajdować się zdjęcia.

2.

Kod:
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>

<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>

<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

A to wstawiasz w odnośnikach do zdjęć. To są przykłady jak powinien poprawny kod wyglądać. Właściwie to wystarczy że dodasz tylko ten kawałek rel="lightbox[roadtrip]"

I GOTOWE! Możesz się cieszyć swoją galerią

Mam nadzieje, że moja pomoc się przydała

Pozdrawiam

RE: Fajna galeria - virus4 - 02-12-2009

Autor zdaje sie chciał coś innego ale mnie się ten Lightbox podoba Tongue

.

@Autor: Wrzucasz pliki na serwer.

RE: Fajna galeria - vfr4 - 03-12-2009

Właśnie o to mi chodziło tylko jak zrobić jeszcze żeby zamiast w tytuł zdjęcia to w miniaturke się klikało
Wielkie dzięki ;] Daje reupa ;]
Jak byście mogli mi pomóc jeszcze w tym jak zrobić żeby zdjęcia w bok się przesuwały

RE: Fajna galeria - virus4 - 03-12-2009

Przecież przesuwają się w bok. O co Ci dokładniej chodzi?

RE: Fajna galeria - vfr4 - 03-12-2009

Najpierw mi powiedz jak zrobić żeby były miniaturki zamiast opisów w LighBox

O to:
-- ///////////
<-///////////->
--///////////

Gdzie "/" to obrazek i po naciśnięciu na tą strzałkę zdjęcie przeskakuje na następne bo teraz jest że się klika i na środku się wyświetla zdjęcie przy przyciemnionym tle