Tein kuva-albumin, jossa vasemmalla olevia thumbnaileja klikkaamalla thumbnailien viereen avautuu samainen kuva täysikokoisena.
IE 7:ää käytettäessä albumi toimii kuten pitääkin - eli kun kuvaa on klikattu, iso kuva avautuu ja pysyy auki, kunnes seuraavaa thumbnailia klikataan.
Sen sijaan Firefoxilla iso kuva tulee klikattaessa viereen, mutta katoaa, jos hiirinappulan vapauttaa kohdistimen vielä ollessa thumbnailin päällä. Jos sen sijaan pitää hiirinappulaa alhaalla kunnes kursori on jo kyseisen thumbnailin ulkopuolella, iso kuva pysyy esillä kunnes seuraavaa kuvaa klikataan.
Missäköhän vika voisi olla?
Alla HTML:ää:
NewPicures
26 August 2007
Ja tässä CSS:ää:
#gallery {position:relative; width:1000px;}
#thumbs {width:180px; float:left;}
#thumbs a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #000;}
#thumbs a img {width:50px; height:50px; border:0;}
#thumbs a:active {display:block; float:left; margin:0 0 5px 5px; width:52px; height:52px; border:0; background:#FFFFFF;}
#thumbs a:active img {position:absolute; width:auto; height:auto; left:250px; top:0; border:1px solid #333;}
IE 7:ää käytettäessä albumi toimii kuten pitääkin - eli kun kuvaa on klikattu, iso kuva avautuu ja pysyy auki, kunnes seuraavaa thumbnailia klikataan.
Sen sijaan Firefoxilla iso kuva tulee klikattaessa viereen, mutta katoaa, jos hiirinappulan vapauttaa kohdistimen vielä ollessa thumbnailin päällä. Jos sen sijaan pitää hiirinappulaa alhaalla kunnes kursori on jo kyseisen thumbnailin ulkopuolella, iso kuva pysyy esillä kunnes seuraavaa kuvaa klikataan.
Missäköhän vika voisi olla?
Alla HTML:ää:
NewPicures
26 August 2007
Ja tässä CSS:ää:
#gallery {position:relative; width:1000px;}
#thumbs {width:180px; float:left;}
#thumbs a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #000;}
#thumbs a img {width:50px; height:50px; border:0;}
#thumbs a:active {display:block; float:left; margin:0 0 5px 5px; width:52px; height:52px; border:0; background:#FFFFFF;}
#thumbs a:active img {position:absolute; width:auto; height:auto; left:250px; top:0; border:1px solid #333;}
Vastaukset 5
Vanhimmat
tapa tehdä albumi.
Tätä näkee liian paljon, on hiiidaaastaaaa...kun niihin thumbnaileihinkin lataantuu se iso kuva, selain vain scaalaa sen
pienemmäksi.
Tee perinteisesti, pikkukuva.jpg...isokuva.jpg niin
toimiikin.
Puhut asiaa. Mutta jos syystä tai toisesta joudun kuitenkin tekemään sen alussa mainitsemallani tavalla eikä edes nopeus ole ongelma tarkoitetuille katselijoille, miten Firefox-ongelma voidaan ratkaista?
hieman mietityttää tuo:
width: 1000
eikös olisi parempi 800 tai jopa 600 niin mahtuisi useimpien näytölle...??
:)
Hyvä pointti tuokin ja kyllähän se yleensä 800:aan kannattaisi rajata.
Mutta tällä kertaa olen sinänsä hyvässä asemassa, että tämä sivusto on ensisijaisesti tarkoitettu tuntemilleni ihmisille, joilla kaikilla on jo käytössään laajakuvanäyttö tietokoneessaan.
surffaajien elämä tuskaisaksi.
Kun itse saan kuvia mailissa, tikulla ym ja olen saanut ne kovalevylle, niin n. 20 sekunnin kuluttua on galleria jo latautumassa nettiin.
Tämä onnistuu esim Irfanviewillä. Ja näissä gallerioissa pääsee surffaaja tekemään sitä mitä kuvagallerioissa yleensä tehdään - katsomaan kuvia. Ilman että tarvitsee joka kuvan kohdalla klikkailla hiirestä 'view image'.
99%:ssa tapauksista tekijän mielestä 'hieno' on surffaajalle vain ylimääräistä tuskaa.