MyCity » Web dizajn / HTML » Otvaranje slika na sajtu ali na drugaciji nacin...

Otvaranje slika na sajtu ali na drugaciji nacin...

Napisano na dan: 22.4.2008
1

Otvaranje slika na sajtu ali na drugaciji nacin...
Sledeća strana Pagination

Idi na vrh

Poslao: 22 Apr 2008 14:31
Idi na vrh
offline
  • Pridružio: 29 Jun 2007
  • Poruke: 104

Imam jedno pitanje...
Kako da namestim na sajtu da mi se slike otvaraju kao na ovom linku (http://www.eurovision.tv/page/photos?gal=585 (klik na neku sliku))



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 22 Apr 2008 15:59
Idi na vrh
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3760
  • Gde živiš: 127.0.0.1

To je mali JavaScript za galerije, i veoma lako se podesava... Idi na google, pa pretraga na temu "LightBox 2" Smile



Poslao: 22 Apr 2008 19:07
Idi na vrh
offline
  • Pridružio: 29 Jun 2007
  • Poruke: 104

Rastafarii ::To je mali JavaScript za galerije, i veoma lako se podesava... Idi na google, pa pretraga na temu "LightBox 2" Smile
[Link mogu videti samo ulogovani korisnici]
Evo ovo sam skinuo.

Kako ubacujem tu skriptu
i jel sve treba da se uploaduje???

Poslao: 22 Apr 2008 19:12
Idi na vrh
offline
  • Pridružio: 22 Jun 2006
  • Poruke: 409

Treba. Na sajtu lightbox-a piše kako se ubacuje:
[Link mogu videti samo ulogovani korisnici]

Poslao: 22 Apr 2008 19:30
Idi na vrh
offline
  • Pridružio: 29 Jun 2007
  • Poruke: 104

Wraith ::Treba. Na sajtu lightbox-a piše kako se ubacuje:
[Link mogu videti samo ulogovani korisnici]

Sve bi to bilo lepo kad bi ja to znao da prevedem.

Moze li neko u kratkim crtama da kaze kako to da uradim...

Poslao: 22 Apr 2008 19:56
Idi na vrh
offline
  • Pridružio: 22 Jun 2006
  • Poruke: 409

Dodaš ovo u <head>:

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

ubaciš i ovaj CSS fajl:

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

Normalno promeniš putanju do css-a i js fajlova. Posle toga proveri u CSS-u (lightbox.css) da li su putanje do fajlova dobre:
prev.gif
next.gif

U fajlu lightbox.js proveri da li su dobre putanje do:
loading.gif
close.gif

Ako nisu, promeni ih.

<a href="nekaslika.jpg" rel="lightbox" title="Ovde ide tekst koji će se videti ispod slike"><img src="putanja_do_umanjene_verzije_slike.jpg" width="100" height="40" alt="" /></a>

Ovo je primer korišćenja Lightbox-a, potrebno je da u <a> tag linka koji vodi do slike dodaš rel="lightbox"

Ovaj kod:<img src="putanja_do_umanjene_verzije_slike.jpg" width="100" height="40" alt="" /> je umanjena verzija slike, koji sam praviš, i nije obavezna, umesto nje može i bilo koji tekst, width i height unosiš u odnosu na veličinu sličice koju si napravio, a alt je opis slike.

Ako želiš da grupišeš slike u kategorije, onda to uradiš ovako:
<a href="slika1.jpg" rel="lightbox[kategorija]">Tekst koji se prikazuje</a> <a href="slika12.jpg" rel="lightbox[kategorija]">Tekst koji se prikazuje</a> <a href="slika13.jpg" rel="lightbox[kategorija]">Tekst koji se prikazuje</a>

Normalno, kao što sam rekao, umesto teksta može i umanjena slika. Nadam se da sam pomogao Smile

Poslao: 22 Apr 2008 20:58
Idi na vrh
offline
  • Pridružio: 01 Apr 2006
  • Poruke: 658
  • Gde živiš: Kruševac

koliko sam primetio ovo je joomla, a da li neko zna kako se zove ova galerija ili ako neko zna slicnu neka ostavi ovde link.

Poslao: 22 Apr 2008 21:06
Idi na vrh
offline
  • Pridružio: 22 Jun 2006
  • Poruke: 409

Kao što je Rastafarii već rekao u ovom postu, galerija se zove LightBox 2. Više ne govorim. I zašto misliš da je ovo joomla? Jeste da i u njoj možeš koristiti ovu galeriju ali i dalje ne kapiram...

Poslao: 22 Apr 2008 21:10
Idi na vrh
offline
  • Pridružio: 29 Jun 2007
  • Poruke: 104

Wraith ::Dodaš ovo u <head>:

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

ubaciš i ovaj CSS fajl:

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

Normalno promeniš putanju do css-a i js fajlova. Posle toga proveri u CSS-u (lightbox.css) da li su putanje do fajlova dobre:
prev.gif
next.gif

U fajlu lightbox.js proveri da li su dobre putanje do:
loading.gif
close.gif

Ako nisu, promeni ih.

<a href="nekaslika.jpg" rel="lightbox" title="Ovde ide tekst koji će se videti ispod slike"><img src="putanja_do_umanjene_verzije_slike.jpg" width="100" height="40" alt="" /></a>

Ovo je primer korišćenja Lightbox-a, potrebno je da u <a> tag linka koji vodi do slike dodaš rel="lightbox"

Ovaj kod:<img src="putanja_do_umanjene_verzije_slike.jpg" width="100" height="40" alt="" /> je umanjena verzija slike, koji sam praviš, i nije obavezna, umesto nje može i bilo koji tekst, width i height unosiš u odnosu na veličinu sličice koju si napravio, a alt je opis slike.

Ako želiš da grupišeš slike u kategorije, onda to uradiš ovako:
<a href="slika1.jpg" rel="lightbox[kategorija]">Tekst koji se prikazuje</a> <a href="slika12.jpg" rel="lightbox[kategorija]">Tekst koji se prikazuje</a> <a href="slika13.jpg" rel="lightbox[kategorija]">Tekst koji se prikazuje</a>

Normalno, kao što sam rekao, umesto teksta može i umanjena slika. Nadam se da sam pomogao Smile

Hvala! Laughing

Poslao: 22 Apr 2008 22:52
Idi na vrh
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3760
  • Gde živiš: 127.0.0.1

Wraith ::Kao što je Rastafarii već rekao u ovom postu, galerija se zove LightBox 2.

Doduse postoji i milion klonova (npr Lytebox, LightWindow, ThickBox) - ali u svakom slucaju sve je to jedno te isto, sa sitnim varijacijama.

MyCity » Web dizajn / HTML » Otvaranje slika na sajtu ali na drugaciji nacin...

Ko je trenutno na forumu
 

Ukupno su 981 korisnika na forumu :: 53 registrovanih, 3 sakrivenih i 925 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: Andy, Arsenije, Banovo Brdo, BORUTUS, brkan1, cemix, Centauro, Citalac, darios, DejvTroter, del boy, delrey, Demi87, Dimitrije Paunovic, Fresco-Bis, Frunze, GreenMan, ivicasimo, Jovan.D, jovapad, Jozo74, Kenanjoz, Lazarus, littlebunny, N.e.m.a.nj.a., neko_drugi, Novakomp, Pale2025, panzerwaffe, Pegggio, pein, Povratak1912, PrincipL, prle122, royst33, sale76, sekretar, spektorsky, sreckop, stalja, Steph, ulogovan, Vendox, VJ, vlada035, Vlado82, volimpivuvolimrakiju, xanadu, Zeljo980, zicko.spacek, ZlatniRez, zlaya011, zoran77