[es] - Customizing Thickbox

snake_master
Čačak

Član broj: 18087
Poruke: 402
*.ptt.rs.

Sajt: Trenutno nemam:)

+2 Profil

^{24.09.2009. u 16:17 - pre 177 meseci}

Potrebna mi je pomoc oko prilagodjavanja Thickbox galerije.

Potrebno mi je da kada listam foto galeriju u onom transparent pop-up prozoru da ispod naziva slike dodam i linkove koji bi vodili na dve stranice sajta. Kada se klikne na link, zatvara se pop-up i u istom tabu tj. window-u browsera se otvara stranica na koju link vodi.

Dobro bi bilo da umesto "previous" i "next" stavim strelice, za pregledanje foto galerije.

Citao sam temu:

http://www.elitesecurity.org/t...-jQuery-lightBox-customization

ali nisam uspeo nista da uradim posto JS ne poznajem dovoljno.

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-3.sezampro.yu.

+33 Profil

Re: Customizing Thickbox

^{25.09.2009. u 19:41 - pre 177 meseci}

Ne znam šta da ti kažem, ThickBox je baš mala skripta, lako se custom-izuje. Evo ja sad samo mogu da ti dam neke smernice, gde da "gledaš" u kodu te skripte..

Što se dodavanja tih linkova tiče, ti u suštini to možeš da rešiš i "spolja", u slučaju da ručno pozivaš funkciju tb_show(), pošto tada za onaj prvi parametar (caption) možeš da joj proslediš bilo kakav HTML. A naravno, možeš i da hardcode-uješ ThickBox u onom delu gde on dodaje caption. To je, u ovoj verziji koju ja imam, 128. linija koda.

A za "next" i "previous", pogledaj linije koda 86 i 90.

Odgovor na temu

snake_master
Čačak

Član broj: 18087
Poruke: 402
*.ptt.rs.

Sajt: Trenutno nemam:)

+2 Profil

Re: Customizing Thickbox

^{26.09.2009. u 00:53 - pre 177 meseci}

Problem je sto ja JS ne poznajem dovoljno tj. poznajem ga u toj meri da postojeca resenja implementiram, ne i da customizujem.

Evo sta sam stavio u 86 liniju koda ali nece da radi, sigurno negde gresim:

Code:
TB_NextHTML = "<span id='TB_next'>  <a href='#'><img src="right_arrow.gif/></a></span>";

a i pozivanje funkcije ne mogu bas da odradim.

Hteo sam da probam da koristim carusel, pa onda njega da ucitam u thick box, ali ne znam koliko je to pametno? I opet verovatno treba dodatna customizacija...

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-1.sezampro.yu.

+33 Profil

Re: Customizing Thickbox

^{26.09.2009. u 10:38 - pre 177 meseci}

Pa kao što vidiš, ta custom-izacija se u ovom slučaju svodi samo na dodavanje malo HTML-a, ništa više.

E sad, tebi to ne radi, jer imaš sintaksnu grešku. Da koristiš Firebug ili bar onu Error Console-u sve bi ti bilo jasno... Fale ti zatvoreni navodnici na kraju src atributa. Taj deo bi trebao da izgleda ovako:

Code:
TB_NextHTML = "<span id='TB_next'>  <a href='#'><img src=\"right_arrow.gif\" /></a></span>";

Primeti da sad pre tih navodnika za src atribut idu backslash-evi, kako JS ne bi "pomislio" da ja tu hoću da prekinem string.

Odgovor na temu

snake_master
Čačak

Član broj: 18087
Poruke: 402
*.ptt.rs.

Sajt: Trenutno nemam:)

+2 Profil

Re: Customizing Thickbox

^{26.09.2009. u 11:08 - pre 177 meseci}

Thanks!

Great! This works!

Navodnike sam stavljao ali ovde u postu mi se omaklo, ali eto sta moze jedan backshash da napravi :)

A kako spolja da ucitam funkciju tb_show() da mi se prikazuju dva linka?

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-1.sezampro.yu.

+33 Profil

Re: Customizing Thickbox

^{26.09.2009. u 11:34 - pre 177 meseci}

Citat:

snake_master: A kako spolja da ucitam funkciju tb_show() da mi se prikazuju dva linka?

Kad sam rekao "spolja", mislio sam da u okviru nekog tvog JS koda, imaš poziv neke funkcije koja bi pozivala tb_show(). Npr. ti sad imaš neki tekst koji simulira link, ovako:

Code:
<span style = "text-decoration: underline;" onclick = "otvoriSliku();">otvori sliku</span>

A ta funkcija otvoriSliku() bi izgledala ovako:

Code:
function otvoriSliku(putanjaDoSlike) {
var caption = '<div><h3>Neki naslov</h3><p><a href = "#">Link 1</a></p><p><a href = "#">Link 2</a></p>';

tb_show(caption , putanjaDoSlike, false);
}

Ili tako nešto...

A opet kažem, možeš i da direktno edit-uješThickBox, na 128. liniji koda. Primeti da tamo imaš ovako nešto:

Code:
<div id='TB_caption'>"+caption+"<div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div>

. Ti sad samo umesto caption, ubaci te tvoje linkove.

Odgovor na temu

snake_master
Čačak

Član broj: 18087
Poruke: 402
*.ptt.rs.

Sajt: Trenutno nemam:)

+2 Profil

Re: Customizing Thickbox

^{27.09.2009. u 12:42 - pre 177 meseci}

Pokusavam ovako kao sto si mi rekao ali ne uspevam.

U principu na caption sam dodao linkove, i onda mi se u pop-up prozoru ispise: caption + imena ova dva linka ali kada kursorom predjem preko njih nema linka, samo cist tekst. Isto se desava i ukoliko izbacim caption.

Verovatno negde imam gresku u sintaksi koda.

Evo moje izmenjene 128 linije koda

Code:
$("#TB_window").append("<a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" + "<div id='TB_caption'>"+caption+<a href="gallery_indoor.html">gallery indoor</a>+<a href="gallery_main.html">gallery</a>+"<div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div>");

Meni u principu treba: opis slike pa pored ili ispod "link1" pa onda "link2" ali to nikako ne mogu da dobijem pokusavao sam na razne nacine.

Pomagaj:)

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-2.sezampro.yu.

+33 Profil

Re: Customizing Thickbox

^{27.09.2009. u 13:28 - pre 177 meseci}

Pa imaš grešku, jer pre tih tvojih linkova nisi otvorio znake navoda.

A i zaboravio si backslash-eve ispred tih navodnika u href-u, kako se ne bi prekinuo taj string. To bi trebalo da izgleda ovako:

Code:

$("#TB_window").append("<a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" + "<div id='TB_caption'>"+caption+"<a href=\"gallery_indoor.html\">gallery indoor</a> <a href=\"gallery_main.html\">gallery</a> <div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div>");

Odgovor na temu

snake_master
Čačak

Član broj: 18087
Poruke: 402
*.ptt.rs.

Sajt: Trenutno nemam:)

+2 Profil

Re: Customizing Thickbox

^{06.10.2009. u 12:49 - pre 177 meseci}

Samo da ti zahvalim, uspeo sam da prilagodim kako mi treba uz tvoju pomoc.

Odgovor na temu