[es] - Ubacivanje highslide-a na sajt?

djole_za
zajechar

Član broj: 158998
Poruke: 101
*.dynamic.isp.telekom.rs.

+6 Profil

^{14.04.2011. u 23:50 - pre 158 meseci}

Hteo bih da ubacim u jedan sajt koji pravim efekte pri otvaranju slika, gledao sam neke vec napravljene sajtove i video highslide, pokusao sam na razlicite nacine da ga nekako ubacim u kod, ali nesto ne ide..

Citao sam uputstva, video sam sta treba da se ubaci u html, da se naprave zasebni css i javascript fajlovi, uradio sam to, ali ne funkcionise kako treba.

Bio bih zahvalan ako neko moze da mi da uputstvo sta tacno da radim, okacicu kod ukoliko je potrebno..

Inace, efekat koji zelim da postignem sam video ovde: http://www.maderarestoran.com/galerija.html

Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost

+23 Profil

Re: Ubacivanje highslide-a na sajt?

^{15.04.2011. u 08:46 - pre 158 meseci}

Najbolje bi bilo da postaviš problematični DEO koda ili link do problematične stranice.

^{Banned - Not available}

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
178.148.0.*

+33 Profil

Re: Ubacivanje highslide-a na sajt?

^{15.04.2011. u 10:37 - pre 158 meseci}

Bilo je dosta puta reči na tu temu. Tebi treba neka JS biblioteka koja podržava pregled slika, a takvih ima mali milion, npr.: ColorBox, Lightbox. Shadowbox, Fancybox, itd. Inače, na tom linku kojeg si poslao je iskorišćen Highslide.

Odgovor na temu

djole_za
zajechar

Član broj: 158998
Poruke: 101
*.dynamic.isp.telekom.rs.

+6 Profil

Re: Ubacivanje highslide-a na sajt?

^{15.04.2011. u 13:34 - pre 158 meseci}

evo probao sam sad sa lightboxom i manje-vise sam uspeo da ga nateram da radi, jedini problem je sto ne prikazuje gifove za prethodnu i sledecu sliku i close dugme, prekontrolisao sam linkove u css-u i javascriptu, svi pokazuju gde bi trebalo, ali nece..

evo css-a, menjao sam putanje u onim redovima gde su crtice, a tamo gde je plus je putanja koja mi nije bas jasna, mozda i ona treba da se promeni? [nesto nece da ucita tagove za boje pa sam morao ovako da obelezavam redove gde sam nesto menjao]

Code:

#lightbox{    position: absolute;    left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

+  #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
-  #prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
-  #nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%    ; }

#imageData{    padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost

+23 Profil

Re: Ubacivanje highslide-a na sajt?

^{15.04.2011. u 18:31 - pre 158 meseci}

Kakva je struktura foldera, odnosno kako su raspoređeni fajlovi, pokušaj sa:

Code:

../images/prevlabel.gif
../images/nextlabel.gif

Kako si podesio putanje u JS fajlu?
Ovo označeno sa + ne menjaj.

_{[Ovu poruku je menjao Br@nkoR dana 15.04.2011. u 19:42 GMT+1]}

^{Banned - Not available}

Odgovor na temu

djole_za
zajechar

Član broj: 158998
Poruke: 101
*.dynamic.isp.telekom.rs.

+6 Profil

Re: Ubacivanje highslide-a na sajt?

^{15.04.2011. u 18:50 - pre 158 meseci}

eh da si naisao pre jedno 5 sati, postedeo bi me lutanja po guglu :) resio sam sve, problem je bio bas u tim putanjama koje si naveo, nisam znao da mora da se stavi ../ posto mi nije bilo logicno, to se stavlja kad treba da se vratis u prethodni folder, a u ovom slucaju nema potrebe, ali sa tim radi..

u svakom slucaju hvala na pomoci..

Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost

+23 Profil

Re: Ubacivanje highslide-a na sajt?

^{15.04.2011. u 18:56 - pre 158 meseci}

Ukoliko su ti slike u folderu images a css fajl u folderu css, kao u default arhivi, ima potrebe za dodavanjem ../ jer se slike u css definiciji posmatraju u odnosu na lokaciju css falja, odnosno prema fajlu gde se nalazi ta css definicija, pošto je moguće i css definicije postaviti unutar html fajla.

^{Banned - Not available}

Odgovor na temu