Slimbox plugin problem u IE

Najčitanije

Video Galerija

YouTube Slider

Slimbox plugin problem u IE

Web

Written by Administrator

Sunday, 06 February 2011 20:10

Slimbox je vizualni klon popularnog Lightboxa 2 napisan koristeći MooTools JavaScript. Dizajniran da bude potpuno prilagodljiv i praktičan.
Ukoliko želite jednostavan prikaz fotografija na vašoj stranici, možete skinuti besplatan dodatak Joomla.org.
Nakon instalacije i aktivacije plugina dovoljno je u bilo koji članak ubaciti slijećei kod:
{slimbox slike/slika1.jpg,images/minislika1l.jpg,Opis Slike}
Ukoliko želite više od jedne slike, ona ponovite isti kod :
{slimbox slike/slika1.jpg,images/minislika1l.jpg,Opis Slike; slike/slika2.jpg,images/minislika2.jpg,Opis Slike2 }
Slike/ se odnosi na putanju u kojoj se slike nalaze.
, - odvaja opise (u opisu ne smije biti nikakvih zareza)
; - prikazuje slijedeću sliku (koda ne smije ostati ; jer smo završili sa nabrajanjem slika)

Ipak, plugin ima par nedostataka koje je moguće riješiti malim modifikacijama u php i css fajlovima.

Originalni plugin ima problem prikazivanja mini slika (thumbnails) u tekstu. Da bi se napravio razmak potrebno je na početku slimbox .css fajla dodati slijedeće:

.slimbox img { padding: 5px; }
Kod prikazivanja u IE ovaj plugin će sve mini slike pokazati u istom redu i tako razbiti joomla template.
U tom slučaju otvorite slimbox.php i nadjite liniju 123:
$withthis .= '<img src="'. $thumbnail . '" border="0" /></a>';
I spod nje odmah dodajte:
if (($j +1) % 3 == 0) {
$withthis .= '<br />';
}
Ovako će se napraviti novi red nakon svake treće slike.

Tags: