Digicamera.net - Valokuvausfoorumi

Sain vihdoinkin kasaan Tammikuun projektini. Koodailin iltasella itselleni gallerian jonka päivittäminen on niin helppoa, että jaksan mahdollisesti laittaa kuvia vastaisuudessakin esille. Kuvat on "lomakuva" henkisiä, eli paljon ja ei kovin ajatuksella otettuja. Tilan puute saneli melko paljon kuvien kokoa.

Tää on oikeastaan eka kunnon kuva setti minkä oon uudella kameralla ottanut, joten ohjeet valokuvaamiseen on tervetulleita.

http://www.cs.tut.fi/cgi-bin/run/~teppo ... ain&page=0

Vaatii selaimelta CSS2 tuen (IE 5+, NS6+, Opera 5+?). Näkyy varmaan ilmankin, mutta saattaa kuvat ja muut palikat olla vähän missä sattuu.

Ihan kivoja kuvia. Meni pari sekuntia ennenkuin hokasin tuon linkin tuosta kuvasta =) Itse käytän selaimena Mozillaa ja tuntuu pelaavan ihan hyvin. Matkakuvat kertovat aina mukana olleelle paljon enemmän...

Kuvien resoluutio on vain aika pieni ja siltikin tiedostokoko on jotain yli 50 kt (katoin vain pari). Resoluutiota voisi hiukka nostaa ja pakkausta samalla. Miksi itse kuvassa on mukana tuollaiset mustat kehykset? Tippuisi pari kilotavua pois kun olisi vain pelkkä kuva...

Miksi itse kuvassa on mukana tuollaiset mustat kehykset? Tippuisi pari kilotavua pois kun olisi vain pelkkä kuva...

Näin on. Toi musta kehys kuvissa on lähinnä sen takia, että en keksinyt mitään yleistä tapaa asettaa kuva (sekä pysty, että vaaka) keskelle ruutua. Koko sivun layout on tehty CSS:llä, ja se laskee sijainnin aseteltavan elementin yläkulmasta. Koska nuo sivut generoidaan serveripäässä toimivalla C++ koodinpätkällä niin itse kuva tiedostoissa pitäisi olla jotain infoa siitä, että onko kuva pysty vaaka tasossa.

Jos jolla kulla on jokin hyvä tapa tiedossa miten CSS:llä saa elementin keskitettyä (sekä pysty, että vaaka suunnassa) niin ohjeet on tervetulleita.

Turhan pieniä kuvia. Tuo koko menisi paremmin thumbnailista kuin itse kuvasta. Ja ehkä joitain kuvia olisi voinut karsia pois...? Toki niinkuin edellinenkin sanoi niin matkakuvat kertovat matkalla olleelle enemmän.
Ja kun kamera millä kuvat on otettu toivoisi vähän isompia kuvia niin näkyisi laatukin... Ja jos tilasta on puutetta niin se kuvien karsinta antaisi lisää tilaa. Mutta tuollaisena ei ole kovin mukava katsella kun on vähän isompi resoluutio käytössä.

teppos kirjoitti: Jos jolla kulla on jokin hyvä tapa tiedossa miten CSS:llä saa elementin keskitettyä (sekä pysty, että vaaka suunnassa) niin ohjeet on tervetulleita.

Tuo onnistuu jopa ilman css:ää ihan html-koodilla. Esim jos haluat jonkin kuvan vaikka keskelle selaimen näyttöä, tee yksisoluinen taulukko joka on koko selaimen kokoinen (width=100% height=100% ja border=0). Ainoan solun attribuuteiksi align=center ja valign=middle. Tämän solut sisään voit sitten tehdä toisen taulukon esim 600x600px mihin laitat tekstit ja kuvat. Avainsana on siis sisäkkäiset taulukot.

JiiTee kirjoitti:

teppos kirjoitti: Jos jolla kulla on jokin hyvä tapa tiedossa miten CSS:llä saa elementin keskitettyä (sekä pysty, että vaaka suunnassa) niin ohjeet on tervetulleita.

Tuo onnistuu jopa ilman css:ää ihan html-koodilla. Esim jos haluat jonkin kuvan vaikka keskelle selaimen näyttöä, tee yksisoluinen taulukko joka on koko selaimen kokoinen (width=100% height=100% ja border=0). Ainoan solun attribuuteiksi align=center ja valign=middle. Tämän solut sisään voit sitten tehdä toisen taulukon esim 600x600px mihin laitat tekstit ja kuvat. Avainsana on siis sisäkkäiset taulukot.

EIEIEI! table EI käytä height-atribuuttia HTML specsin mukaan. keskittäminen tehdään divillä ja cssllä (position). jos käyttää microsoft-html:ää niin saa tottua siihen että sitten herjataan päin naamaa epäpäteväksi sivujen tekijäksi.

Katselin noita läpi, ja näytti toimivan myös Safari 1.1.1:llä ihan hyvin, kuvat tosin ihan liian pieniä, jos tilasta puutetta, olisi pistänyt pari kuvaa vähemään ja muut isomman kokoisina.

IE 5, 6+ tai yleensäkään mikään versio ei sitten muuten tue CSS/CSS2:sta standardien, vain microsoftin mukaan. nimim. testattu monasti. Tästä voin antaa esimerkkisivuston jos jotain kiinnostaa testata Opera/Mozilla/Safari vs. IE.

Edit:
CSS:
#keski {position:relative;left:50%;top50%;width:---px;height:---px;}
ja marginaalit puoleksi width/height luvuista, muuten yläkulma tulee keskelle.

HTML:
<div id="keski" align="center" valign="middle">keskellä</div>

nite kirjoitti: EIEIEI! table EI käytä height-atribuuttia HTML specsin mukaan. keskittäminen tehdään divillä ja cssllä (position). jos käyttää microsoft-html:ää niin saa tottua siihen että sitten herjataan päin naamaa epäpäteväksi sivujen tekijäksi.

No eipä näytä käyttävän ei. Joitakin vuosia sitten tuota keskitystapaa kokeilin ja ainakin silloin se toimi hienosti kaikilla vastaan tulleilla selaimilla.

Kommentti ms-html:stä on siinä mielessä tarpeeton että tuon koodin toimivuus ei rajoitu pelkästään ko. firman tuotteisiin. Eikä minua vielä (tähän mennessä?) kukaan ole epäpäteväksi haukkunut.

nite kirjoitti: HTML:
<div id="keski" align="center" valign="middle">keskellä</div>

Eikä div käytä specsin mukaan valign-attribuuttia :-)

JiiTee kirjoitti:Kommentti ms-html:stä on siinä mielessä tarpeeton että tuon koodin toimivuus ei rajoitu pelkästään ko. firman tuotteisiin. Eikä minua vielä (tähän mennessä?) kukaan ole epäpäteväksi haukkunut.

nite kirjoitti: HTML:
<div id="keski" align="center" valign="middle">keskellä</div>

Eikä div käytä specsin mukaan valign-attribuuttia :-)

Siis en tarkoittanut juuri tuota, vaan yleensäkkin jos koodaa jotain ja testaa vaan IE:llä/käyttää jotain mitä vain IE osaa. Toimiihan tuo table-homma varmaan melkein joka selaimessa, koska sen käyttö on niin yleistä, että selaimen tekijät saavat palautetta jos ei toimi. Mutta siis noin yleensä kannattaa testata ainakin jollain toisella kuin IE:llä.

no perhana, puhuin (kirjoitin) itseni pussiin, eipä näytä olevankaan specsissä valignia :) Ei se varmaan muuten edes tartte tota aligniakaan.

Kuudennesta ekaan: kuvat on muuten ihan kivoja, mutta kuten sanoin, ihan liian pieniä, noista ei näe kunnolla juuri mitään :(
Itellä on resoluution 1600x1200, joten noin on "hiukka" pieniä :)
Oletko korjannut noita jollain photarilla? Meinaan värit näyttivät tosi kivoilta. Vai oliko polarisaattori mukana?

Mukava helppo käyttöinen galleria, kuvat vain hieman pieniä, sekä thumbit parantavat mukavuutta, voi katsoa mikä oikeasti kiinnostaa.

Joo, yritin tehdä ton sivun W3C:n speksien mukaan, eli isolla tasolla: html kertoo sisällön ja CSS kertoo miltä näyttää. CSS:ään on huomattavasti helpompi tehdä muutoksia ku C++ koodiin joka tuon html:n tuottaa.

Kiitoksia nite:lle paljon tuosta CSS opastuksesta. Täytyy kokeilla sitä josko näin saisi säästettyä muutaman kilon tilassa ja saisi kuvia hieman suuremmalla resoluutiolla.

Joo, osaa kuvista oon käyttänyt PhotoShopin läpi, tosin värisokeus rajoittaa paljon värien muokkaamista, tai ainakin siitä aiheutuvaa tulosta :)

Teppos taisit lähteä just sillä koneella millä me tultiin:)
Lisää kuvia Thaimaasta http://www.kolumbus.fi/eccofatto/thaimaa/

OlliV kirjoitti:http://www.kolumbus.fi/eccofatto/thaimaa/

No jopas on hyviä kuvia!! Millä kameralla olet kuvaillut? Kerrankin kuvat olivat kunnon kokoisia ei tarvitse tihrustella.

Tuo apina kuva jäi mieleen, oli niin surullisen oloinen isossa kahleessa.
Onko tuonne matkat arvokkaita?

Ai kun mukavia kuvia, tuli muistot mieleen. Kiitoskia näistä.

OlliV kirjoitti: http://www.kolumbus.fi/eccofatto/thaimaa/

Todellakin hienoja kuvia! Mukavan kokoisia, niin kuin mikko tuossa jo totesikin, kuitenkin asiallisen pieneksi pakattu.

Kun kerran osaat kameraa käsitellä, niin kertoisitko minkälaista objektiivia olet käyttänyt apuna kamerasi nokalla? Ei kai noita pikkupokkarilla ole otettu...

http://www.kolumbus.fi/eccofatto/thaimaa/
Jes, kuvat oli kyllä tosi hienoja. Tuli kyllä kesää ikävä, kun katsoi tota valon määrää ja noita värejä.
Kerro millä kalustolla olet kuvannut.

mikko kirjoitti: Tuo apina kuva jäi mieleen, oli niin surullisen oloinen isossa kahleessa.
Onko tuonne matkat arvokkaita?

Apina on huumattu. Pahimman laatuista eläinrääkkäystä. Siellä on tapana tappaa äiti ja ottaa poikaset turistien huvitukseksi.

Jari

Canon 10D, nokalla vaihteli 100/2.8 Makro ja 17-40/4L.
raw->jpg Capture One:lla.
Apina huumattu, ehkä?? Emo oli ketjussa muutaman metrin päässä ja sitä ei saanut lähestyä, koska olisi voinut purra. Tätä poikasta sai silittää.

teppos kirjoitti:Joo, yritin tehdä ton sivun W3C:n speksien mukaan

Pakko vähän viilata pilkkua... Minkä speksin mukaan, kun ei ole doctypeä määritelty?

Teal kirjoitti: Pakko vähän viilata pilkkua... Minkä speksin mukaan, kun ei ole doctypeä määritelty?

"Blood, sweat and code" :)