ugrás a tartalomhoz

kép eltűntetés/megjelenítés jQuery Orbit Slider-ben.

n0rberto · 2012. Jan. 21. (Szo), 12.14
Sziasztok!

A következő problémámra keresek valami megoldást.
Van egy jQuery slider (jQuery Orbit Slider) amit sikeresen beillesztettem az oldalamra.
Jól működik egy dolgot kivéve, amikor betöltődik kb 2-4mp-ig az összes képet megjeleníti egymás alatt ami a jquery képgalériájában szerepel. Majd a betöltés után szépen elkezdi váltogatni úgy ahogy kell neki.
A slider adatai itt elérhetők ez alapján készítettem el a sajátomat is.
És egy kis sample a hibáról
‹ Modal box: gördítősávok okosan? Ajax - találatok megjelenítése ›
 ■
1

Mekkora képpel

Bodi · 2012. Jan. 21. (Szo), 14.30
Mekkora képpel dolgozol?
Felbontás, fájlméret.
2

képméret

n0rberto · 2012. Jan. 21. (Szo), 14.53
A képek 467x313px felbontásúak és 30kb-50kb méretűek. Úgy gondolom ez nem lehet nagy hiszen a készítő bemutató sliderjében 4x ekkora képek voltak.
Nincs erre valami kód ami egymás mögé sorakoztatná a képeket így az első eltakarná a többit?
3

Azt az oldalt ahova

Bodi · 2012. Jan. 21. (Szo), 17.27
Azt az oldalt ahova beillesztetted annak a forrását jó lenne látni elég a <head> rész.
6

.

n0rberto · 2012. Jan. 22. (V), 14.52
.
4

visible : hidden;

Pepita · 2012. Jan. 22. (V), 12.52
Ha <img> tag-ekben vannak induláskor a képek, akkor a css-ben adj nekik visible : hidden; tulajdonságot, így nem fognak kezdetben látszani. Valami a vetítés indulását késlelteti, ha nem a képek betöltődése, akkor egyéb (pl. nagyobbacska script-betöltés, rossz helyen van az indító-script, stb.). Ha így "tünteted el", akkor a kikapcsolt js-sel jövő látogató nem fog látni semmit.
5

re: visible: hidden;

n0rberto · 2012. Jan. 22. (V), 14.37
Az indító scriptet áthelyeztem most mintha leredukálódna a slider betöltési időtartama de a képek akkor is egymás alatt jelennek meg főleg ez az ami jobban zavar. Tény, hogy egy méretes keresőmotor scriptje is a <head> részben szerepel gondolom akkor ez okozhatja a lassabb betöltést. A 
visible: hidden;
-re a képek egyáltalán nem jelennek meg. Kipróbáltam a 
style="display: none;"
-t mivel úgy láttam egyes jquery sliderek képei elvannak látva ilyen stílussal de a hatása az lett, hogy a képek nem jelennek meg. Lehet más slidert kellene használjak?
7

megoldás :D

n0rberto · 2012. Jan. 22. (V), 14.52
Na azt hiszem megtaláltam a megoldást.
Nagyon egyszerű, a hiba forrása az én voltam :D
A css-ben nem adtam ki fix értéket a slider-nek és amiatt automatikusan méretezte azt. Ezért volt a hosszú képsor..

Nagyon köszönöm minden hozzászólónak a válaszát/segítségét
8

Bocs,

Pepita · 2012. Jan. 22. (V), 17.15
nem részleteztem ki eléggé. Természetesen úgy gondoltam, a slider indulófüggvényében meg visszaállítod. De te is viszonylag könnyen írhatsz jquery-vel saját slider-t.
Örülök, hogy sikerült, egyébként én nem szeretem az olyan oldalakat, amiknek egy lapja 500 kB felett van (pl. sok nagy js miatt).
9

visible?

Arnold Layne · 2012. Jan. 22. (V), 19.55
visible : hidden;
Ez biztos? Én csak visibility-ről tudok, aminek az értéke lehet ugyan visible.
10

A fene

Pepita · 2012. Jan. 22. (V), 20.14
Elnézést kívánok, valóban.
A commentbe kéne gyártani némi sintax-check-et. Rövid időn belül 2. hasonló tévedésem. Nincs kódkiegészítés. :(
Asszem csak olyat írhatok, amit kikerestem könyvből, és copy-paste...