|
Poslao: 22 Apr 2008 14:31
|
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
|
offline
- Rastafarii
- Moderator foruma
- Pridružio: 22 Mar 2006
- Poruke: 3747
- 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" 
|
|
|
|
|
|
|
Poslao: 22 Apr 2008 19:07
|
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"
mycity.rs/must-login.png
Evo ovo sam skinuo.
Kako ubacujem tu skriptu
i jel sve treba da se uploaduje???
|
|
|
|
|
|
|
|
|
Poslao: 22 Apr 2008 19:30
|
offline
- Pridružio: 29 Jun 2007
- Poruke: 104
|
Wraith ::Treba. Na sajtu lightbox-a piše kako se ubacuje:
huddletogether.com/projects/lightbox2/#how
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
|
offline
- Wraith
- Ugledni građanin
- 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
|
|
|
|
|
|
|
Poslao: 22 Apr 2008 20:58
|
offline
- Bojan Denić
- Zaslužni građanin
- 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
|
offline
- Wraith
- Ugledni građanin
- 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
|
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
Hvala! 
|
|
|
|
|
|
|
Poslao: 22 Apr 2008 22:52
|
offline
- Rastafarii
- Moderator foruma
- Pridružio: 22 Mar 2006
- Poruke: 3747
- 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.
|
|
|
|
|
|
