Ubacivanje highslide-a na sajt?

[ djole_za @ 14.04.2011. 23:50 ] @

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

[ Br@nkoR @ 15.04.2011. 08:46 ] @

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

[ Nikola Poša @ 15.04.2011. 10:37 ] @

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.

[ djole_za @ 15.04.2011. 13:34 ] @

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

[ Br@nkoR @ 15.04.2011. 18:31 ] @

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

[ djole_za @ 15.04.2011. 18:50 ] @

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

[ Br@nkoR @ 15.04.2011. 18:56 ] @

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.

[ djole_za @ 15.04.2011. 20:13 ] @

e pa to nisam znao posto jos uvek nisam radio javaScript, tako da mi se znanje iz toga svodi na kopipejst za sad, uglavnom hvala jos jednom na pomoci i objasnjenju..