[QWhite]

Kas ja kuidas on võimalik teha CSS-ga (st JavaScriptita) galeriid, kus thumbist hiirega üle minnes ilmub sama thumbi suurem variant, mis kaob ära, kui hiirega minna välja väiksema thumbi alast (et kui suurem thumb katab näiteks ka teisi väikseid thumbe, siis ma ei pea hiirega väga kaugele purjetama). Ja väikse thumbi ala oleks ka klikitav.

Tänud!

[argesson]

Leidsin sellise näite: http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/

Kui koodi pisut mudida, siis võib saada umbes taolise, nagu sul vaja on.

CSS

[andrusny]

No kui see suurem pilt katab alumise thumbi, kuidas sa talle mõtled selgeks teha, et ta selle pealt maas on juba css abil?? Kahtlane, vähemalt selle koodiga minu arust küll ei saa.

[argesson]

[andrusny]

[argesson]

[Speedee]

CSSplay saidil on näiteid nagu muda, nt üks neist, mis vastab sinu kirjeldusele.

[andrusny]

Kas ei saa mina soovist aru või teie. Minu arust soovib tasellist nagu siin, kui parempoolsete reklaamide pealeminna. Ainult soov on , et tõmbuks väikeseks tagasi juba siis, kui oled algse (väikese) pildi mõõtmetest väljas. (See pole CSS seal.)

[QWhite]

[andrusny]

Proovisin siis teha seda, mis sa soovid. Pole kül CSS peal vaid JavaScript, kuid välimus peaks nüüd olema selline nagu mõtlesid.
Kahjuks ei tööta Operaga, IE ja FF toimivad.

Galerii DEMO
Fail ilma piltideta

[argesson]

[Linksys]

Kui sa hakkama ei ole veel saanud, Siis uuri sellist Programmi nagu JAlbum, Talle kah igasugu skinne olemas, mis su vajadusi rahuldaks, Üks Näide ( See küll on nii et pead enne poldile vajutama)http://www.datsun.planet.ee/Datsuni%20Galerii(enne%20ehitust)/album/slides/DSC00326.html

[kristjan07]

QWhite ma arvan et sulle sobib see: Hoverbox Image gallery

PS seal all on link Read the tutorial

Oli see mida sa soovisid?

[QWhite]

kristjan07, tänan aga põhiküsimus on ikka lahendamata - et suur thumb kaoks ära siis, kui hiirega olen VÄIKSE thumbi alast väljunud.

Linksys, päris mööda

Aga te ei pea sellega rohkem pead vaevama, lahendan ta JS-ga.

[kristjan07]

[mikk36]

Väike alast lahkumisega on vast see teema, et tuleks ise javascriptis natukene programmeerida, css'ga pole võimalik seda teha, kuna suurem pilt katab väiksema ära ja css'ga ei saa siis enam mõõta et kas hiir on väiksema peal või mitte, kuna suurem pilt võtab nö fookuse endale.
Idee endal selline et niipea kui hiir väiksema pildi peale läheb mõõdad js'is välja pisipildi mõõtmed ja asukoha ning siis lihtsalt trackid hiire asukohta et kuni ta mujale liigub pisipildi mõõdetud asukohast.
Niipea kui väljub kaotad ära suurema.

[andrusny]

See läheb suureks arvutamiseks, ise lahendasin kolme layeriga selle. All on pisipilt (thumb) selle peal on suur pilt ja kõige peal on pisipildiga sama suur tühi läbipaistev layer, millele annad hoveri. Hetkel käivad pildid sisse käsitsi, kuid on plaanis teha automaatne sisselugeja kaustast.

Kel huvi
DEMO
Kood

[mikk36]

10% paistvus on mille jaoks ?

[andrusny]

Lihtsalt on, võib ka 0 panna. Kui on 0, siis ei ole alumise pildi kohti üldse näha suure peal.

[mikk36]

[andrusny]

[mikk36]

Koodi ilu maksab ka midagi

[andrusny]

Nüüdseks on väike areng toimunud. Galerii loeb pildid sisse etteantud kaustast ja jagab kausta juppideks, kui pilte rohkem kui korraga ekraanile mahub. Suurus nii thumb kui ka suurtele piltidele tehakse GD abil. Hetkel on se fix ja eriti ei näe ka võimalust seda muuta, kui kuvamine toimub kindlasse aknasse.
DEMO
kood huvilistele

[mikk36]

Kas igal laadimisel genereeritakse php'ga uuesti pisipildid ?

[andrusny]

Jah, korraga genereeritakse ainult nähtav osa. Pole mõtet ju kogu folderitäit pilte valmis genereerida. Ka suuri pilte ei genereerita kohe valmis, kui vaadatud pole. Pildi aadress näeb midagi taolist välja

[mikk36]

Mõtlesin pigem seda, et kui ma liigun uuesti lehele, siis igal korral genereerib php pildid uuesti, mitte ei võta neid kusagilt disk cache'st.

[andrusny]

Kui korra juba kõik pildid avatud, siis uuesti vaatamisel võtab browseri mälust. Vähemasti minu Opera ja FF ja IE teevad nii. Kui keegi oma cash mälu kuidagi timminud, siis ei oska öelda. Hetklel proovisin, leht oli kinni ja uuesti avamisel olid pildid olemas, ei toimunud mingit uut laadimist.

[mikk36]

Firebug ütleb et iga kord kui ma go nuppu üleval vajutan, siis laetakse php kaudu pilt alla uuesti ja lehe laadimise aeg 5.73s.
Teise lehekülje vaatamisega pikenes see 7.75 sekundini.

[andrusny]

Millest sa räägid? Mul pole seal ju mingit GO nuppu. Mõtled, browseril refresh nuppu? Siis loomulikult tehakse ju kõik uuesti. Milleks sa seda vajutad? Kui lähed teisele lehele ja tuled tagasi on pildid normaalselt browseri cash'is. Võtan panen Operal kõik tabid kinni. Panen aadressi aadressribale ja kohemaid on album lahti. Proovisin ka fox lubab nii teha. Ainuke vahe fox iga on, et ta laeb kogu vaadatava lehe suured pildid ka alla olenemata, kas sa neid vaatad või mitte. Opera laeb ainult thumbe ja neid suuri, mida vaatad. Sellega läheb aega. Teistkordsel avamisel enam ei võta aega.

Aga jah kui küsid, kas salvestab muudetud pildid serverisse, siis mitte. Ehk oleks see õige lahendus. Annab veidi kiirust juurde, kui pannakse väga suuri pilte. (kasutajatel on jah selline komme kõige suuremad pildid, mis nad kätte saavad albumisse panna, mis siis, et näidatakse mitmeid kordi väiksemaid pilte)

Edit : enamus ajast võis minna ka NetPoint serveri andmeedastuseks. Mu kodukas, kus on kõik pildid kaustades avaneb ka teinekord tohutult kaua. Tundub, et tal on mingi andmelimiit, mis korraga kätte annab. Algul viskab enamuse korraga lahti ja siis viimast pilti jääbki lugema.(jutt mu koduka kohta, mitte album)

[mikk36]

Viga on siiski eeldatavasti selles php scriptis, mis pilte kätte toimetab, peaksid natuke mudima seda et Fx (teiste puhul ei tea, ei kontrollinud) ei laeks igal lehe külastusel uuesti alla tarbetult (jah näitab kõik pildid küll koheselt ära, aga lisaks laeb taustal kõik üle).
Lisaks soovitaks siiski salvestada need pisipildid (ja ka suuremad kuna tundub et ka neid genereeritaks nagu millegi suurema põhjalt) eraldi kettale lisaks algfailidele.
Readfile vs pildi igal korral suuruse muutmine on ikka korralik ajavahe.

[andrusny]

Hetkel tegin nii, et kui suurt vaadata, salvestab suure õigesse mõõtu ümber ja nüüd on kõik siis kusagil 500x400 pildid. See, et fox püüab kõiki laadida pole php viga vaid mul on reaalselt JS genereeritud pildid olemas ja display none pandud (kõk väikesed ja ka suured pildid). Teised oskavad sellega mõistlikult käituda fox laeb nad ikkagi alla.
(tahab ka tarka olla) Selle muutmine läheks juba terve süsteemi ümbertegemiseks.

Kui aega saad teen midagi ringi, et kiirust saada.

[mikk36]

http://blog.rd2inc.com/archives/2004/12/29/cache_dynamic_images/
Piltide brauserile saatmine ei ole lihtsalt tuim välja puhumine.

[andrusny]

Sai veidi kiirust tõstetud, ( kui sai) Suured pildid tehakse siis mõõtu ja salvestatakse ainult esimesel vaatamisel, kui pildi mõõdud klapivad jäetakse mõõtuajamine/salvestamine vahele. Thumbid on endiselt otse generaatorist, kuid kuna nüüd pildid ise suht väikesed(500x310) siis läks ka nende genereerimine kiiremaks. Kui FF saaks selgeks teha, et ta ei kukuks kõiki avatud lehel olevaid suuri pilte alla laadima oleks juba täiesti talutav kiirus, teistega pole probleeme. Muidugi võiks veel ka thumbid salvestada, kuid seda edaspidi.

mikk36 : su pakutud teema tundub paljutõotav, kuid vaja süvenemist. Ta laeks siis ainult neid pilte, mida on uuendatud/lisatud.

[mikk36]