Ocena wątku:
  • 1 głosów - średnia: 5
  • 1
  • 2
  • 3
  • 4
  • 5
Fajna galeria
#1
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 ;]
Odpowiedz
#2
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.
Odpowiedz
#3
No dobra ale co ja mam tam zrobić co gdzie wrzucić i wgl.?
Odpowiedz
#4
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
Odpowiedz
#5
chodzi mi o to że gdzie mam wrzucić te pliki pobrane (tylko po prostu na serwer?) i gdzie mam wkleić ten kod
Odpowiedz
#6
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
Odpowiedz
#7
Autor zdaje sie chciał coś innego ale mnie się ten Lightbox podobaTongue.

@Autor: Wrzucasz pliki na serwer.
Odpowiedz
#8
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
Odpowiedz
#9
Przecież przesuwają się w bok. O co Ci dokładniej chodzi?
Odpowiedz
#10
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
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  galeria nie działa w IE Nicorrtiss 2 3,386 02-08-2013, 22:42
Ostatni post: Nicorrtiss
Question (JS+HTML) Galeria + miniaturki pod nią - na 1 stronie kilka osobnych galerii. damianusix 0 1,920 20-10-2012, 14:34
Ostatni post: damianusix
  Wordpress galeria z miniaturkami mat2224 1 2,040 07-10-2012, 21:57
Ostatni post: hieroshima
  galeria shadowbox brak strzałek jenny80 10 7,603 06-10-2012, 21:12
Ostatni post: jenny80
  Prosta, automatyczna galeria zdjęć z miniaturkami [email protected] 7 5,406 28-07-2012, 02:02
Ostatni post: [email protected]

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl