Teen opetuskäyttöön verkkoon sivuja ja aion laittaa sivun alkuun tekstiä (tietoa) ja loppuosaan mahdollisesti applettiin kuvia. Tarkoitus olisi, että kuvaa klikatessa sen näkisi suurempana ja sen alle tulisi kuvateksti siitä, mitä kuva havainnollistaa.
Tämän voi tehdä näemmä monella tavalla (kyselin aiemmin jo näillä palstoilla apua siihen). Monet ehdottivat jalbumin tapaisia ohjelmia, mutta haluan kaiken toimivan samalla sivulla lähinnä siksi, että minun mielestäni se on silloin tässä tapauksessa toimivampi ratkaisu. Löysin thumbnail slide show (http://www.6sense.com/applets/thumbshow/example.asp) ohjelman, joka toimisi muuten hyvin, mutta se on välivaiheineen aika hidas 50-100 kilon kuviä käyttäessäni enkä ole onnistunut saamaan siihen kuvatekstejä.
Yksi vaihtoehto olisi sijoittaa kuvat sivun alaosaan niin, että niitä klikkaamalla aukeaisivat ne omaan kuvan kokoiseen javaikkunaan ja kuvan alla olisi kuvateksti. Voisi toimiakin, kunhan saisi vielä niin, että sitten suurempaa kuvaa klikkaamalla ikkuna sulkeutuisi. Lieneekö se sitten mahdollista?
Haluaisin kuitenkin vinkkejä (valmiita koodeja, saitteja yms) miten saisin sivuni toimimaan haluamallani (ja mielestäni käyttäjäystävällisellä tavalla) eli kuvat olisivat nätisti sivun alareunassa noin 100 x 100 thumbnaileina ja kuvaa klikkaamalla se sitten aukeaisi siihen thumbnailien alapuolelle kuvateksteineen tai kokonaan uuteen ikkunaan. Kuvaa uudelleen klikkaamalla se sitten sulkeutuisi ja käyttäjä voisi klikata toista kuvaa…
Vastaavia sivuja tulee kymmeniä ja kuvia niille yhteensä noin 500 eli mahdollisimman yksinkertaisella tavalla tästä haluaisin selvitä.
Mission impossible?
Tämän voi tehdä näemmä monella tavalla (kyselin aiemmin jo näillä palstoilla apua siihen). Monet ehdottivat jalbumin tapaisia ohjelmia, mutta haluan kaiken toimivan samalla sivulla lähinnä siksi, että minun mielestäni se on silloin tässä tapauksessa toimivampi ratkaisu. Löysin thumbnail slide show (http://www.6sense.com/applets/thumbshow/example.asp) ohjelman, joka toimisi muuten hyvin, mutta se on välivaiheineen aika hidas 50-100 kilon kuviä käyttäessäni enkä ole onnistunut saamaan siihen kuvatekstejä.
Yksi vaihtoehto olisi sijoittaa kuvat sivun alaosaan niin, että niitä klikkaamalla aukeaisivat ne omaan kuvan kokoiseen javaikkunaan ja kuvan alla olisi kuvateksti. Voisi toimiakin, kunhan saisi vielä niin, että sitten suurempaa kuvaa klikkaamalla ikkuna sulkeutuisi. Lieneekö se sitten mahdollista?
Haluaisin kuitenkin vinkkejä (valmiita koodeja, saitteja yms) miten saisin sivuni toimimaan haluamallani (ja mielestäni käyttäjäystävällisellä tavalla) eli kuvat olisivat nätisti sivun alareunassa noin 100 x 100 thumbnaileina ja kuvaa klikkaamalla se sitten aukeaisi siihen thumbnailien alapuolelle kuvateksteineen tai kokonaan uuteen ikkunaan. Kuvaa uudelleen klikkaamalla se sitten sulkeutuisi ja käyttäjä voisi klikata toista kuvaa…
Vastaavia sivuja tulee kymmeniä ja kuvia niille yhteensä noin 500 eli mahdollisimman yksinkertaisella tavalla tästä haluaisin selvitä.
Mission impossible?
Vastaukset 11
Vanhimmat
PÖSSÖ!
Jos häiritsee, jätä lukematta muilta palstoilta. Tulee mieleen mummot, jotka aikoinaan kuuntelivat radio mafiaa, että pääsevät narisemaan sen ohjelmatarjonnasta...
(sisältää kritiikkiä, jota ei pidä ottaa henkilökohtaisesti)
Niin, _sinun_ mielestäsi. Varsinkin opetuspuolen jutuissa tämä minunmielestäni-ajattelutapa pitäisi hylätä ensimmäisenä. Sivusto tulisi tehdä mahdollisimman yksikertaisesti, ilman kelloja ja pillejä. Tarjotaan sisältö, ei muuta. Ja mahdollisimman vaivattomassa muodossa(jota Java ei käyttäjälle ole).
Javan käyttö kummastuttaa. Muutenkin kohtalaisen raskaasta sivustosta kun on kyse(500 kuvaa). Ja pitääkö käyttäjän asentaa mikä versio Javasta? Riittääkö 1.3.x vai tarvitaanko ehkä 1.4.x? Vai toimiiko vain rikkinäisellä MS:n Virtual Machinella?
Toisaalta, et myöskään kerro minkälaista materiaalia olet verkkoon lykkäämässä. Onko kyse valokuvaukseen liittyvästä materiaalista vai mistä? Tuo kuvien koko kummastuttaa(onko optimointi ja formaattivalinta tehty väärin?).
Ilman Javaa moinen olisi todellakin järkevintä tehdä. Jopa frame-ratkaisu tuntuisi järkevältä näillä vähillä tiedoilla joita annoit.
Käyttäjien kiusaaminen on v-mäisintä mitä seittimestari voip tehdä. Kun on noin laajasti materiaalia, niin vähän keskimääeräistä suurempi panostus "käyttöliittymään" on suotavaa.
Mun kaks senttii.
Jeh, olet oikeassa. Luultavasti on järkevintä toteuttaa juttu ilman javaa. Tarkoitus tosiaan olisi tehdä sivuista sellaiset, että toimii mahdollisimman monella asiasta kiinnostuneella. Kuvat on tehty jpg:nä 640 x 480 resoluutiolla (72 dpi). Pakattu niin, että kuvista selviävät kohteet (luonnontieteelliset) ovat vielä tunnistettavissa. Eräänlainen lajintuntemus opetuspaketti siis tulossa.
Voisitko jo unohtaa ne Javat ja appletit? Vai onko sivuston opetusaiheena Java?
En nyt oikein varmasti tiedä mitä olet tekemässä:
a) Kuvastoa, jossa kuvat sisältävät selostuksen
b) Tekstiä, joka sisältää kuvia
Jos a), niin se jalbum on oikea ratkaisu. Siinä on mm skinejä, jotka toimivat juuri kuten selostit: thumbit voivat olla jossain laidassa ja kuva aukeaa samalle sivulle kuvateksteineen.
Jos b), niin mikset tee normaalia html-sivua? Kirjoitat tekstit ja laitat thumbit normaalisti tekstin joukkoon oikeille paikoilleen. Niitä klikkaamalla kuva sitten avautuu isona uuteen ikkunaan.
Tämä auttaminen on hankalaa, kun kukaan ei oikein tiedä millaista materiaalia sinulla on, ja sinä taas et tunnu ymmärtävän sivunteosta mitään (appletit!!!).
Ajatus muuttuu sitä mukaa kun sivut edistyvät ja saan kommenetteja asiantuntijoilta.
Laitan sivulle siis asiatekstiä ja alareunaan asiaa havainnollistavia kuvia, joihin on ehdottomasti saatava liitettyä kuvatekstit. Olen miettinyt useita vaihtoehtoja, innostuin välillä jopa noista appleteista. Tulen kuitenkin tod. näk. toteuttamaan jutun niin, että sijoitan thumbnailit "ihan vaan" taulukkoon, josta ne sitten avautuvat katselijalle klikkauksella. Tähän taulukkoon olisi aika helppo sijoittaa kuvatekstit, mutta haluaisin kuitenkin toteuttaa jutun niin, että kuva aukeaisi mielellään vaikkapa uuteen ikkunaan (ks. java tuossa alla) ja siinä avautuvassa ikkunassa olisi kuvaa selventävä kuvateksti. Tämä siksi, ettei sivun käyttäjä joutuisi muistelemaan että mikäköhän se kuvan aihe olikaan... Pikkujuttuja, mutta aika oleellisia sivujen käytettävyyttä ajatellen.
Ja tällainen java tulisi sivulle avaamaan kuva uuteen ikkunaan:
function ViewImage(tiedosto,xkoko,ykoko,otsikko) {
var win; var sWidth; var sHeight; var NS = (document.layers) ? 1 : 0;
win = window.open("","imageviewer","width=" xkoko ",height=" ykoko ",menubar=no,toolbar=no");
if (NS) {
sWidth = win.innerWidth; sHeight = win.innerHeight;
} else {
sWidth = win.document.body.clientWidth; sHeight = win.document.body.clientHeight;
}
if(sWidth!=xkoko || sHeight!=ykoko) {
win.close();
setTimeout("ViewImage('" tiedosto "'," xkoko "," ykoko ",'" otsikko "')",250);
return;
}
win.document.open();
win.document.write("" otsikko "");
win.document.write("");
win.document.write('');
win.document.write("");
win.document.write('');
win.document.close();
}
Tietysti pitää sitten tehdä kuvaan vielä linkitys:
Pitäisi vielä keksiä, miten saan avautuvaan ikkunaan kullekin kuvalle kuvatekstin...
Miksei sivuja voi tehdä ihan yksinkertaisesti? Eli laittaa tekstin joukkoon pienet kuvat, joita klikkaamalla avautuu iso kuva. Ja ilman mitään javaskriptihässäköitä.
Esimerkiksi tähän tyyliin toteutettu sivu on minun mielestäni ihan toimiva (toisin kuin js-viritelmät, jotka eivät toimi):
http://postcardsfromtheroad.net/vision.shtml
kiitti yrityksestä kääntää pää, mutta ei tuo esittämäsi tapa toimi tässä tapauksessa. Tein jutun kuitenkin javalla ja sain siitä sellaisen, että kun kuvaa klikkaa, aukee se kuvatekstineen uuteen ikkunaan, kuvaa klikkaamalla ikkuna sitten sulkeutuu pois haitolta. Tavoittelin tällä käyttäjäystävällisyyttä ja mielestäni se tässä omassa jutussani toimii hyvin. Kiitti kuitenkin näkökulmien esittelystä - hyödynnän vinkkejäsi jatkossa muissa aiheissa.
"Tavoittelin tällä käyttäjäystävällisyyttä ja mielestäni se tässä omassa jutussani toimii hyvin"
enpä haluaisi olla se oppilas jolla ei ole javascripti päällä tai muuten vaan sellainen selain jolla ei toimi ms-ie-special-code
mitä vikaa on siitä että normaali html-sivu aukeasi uudelle sivulle?
asiaa, harkitaan
Ehkä joskus tulet uskomaan tämänkin:
Sivuille voi laittaa vilkkuvia valoja ym vitkuttimia javaskriptillä, ne eivät haittaa järkevää ihmistä (koska ne eivät näy). Mutta elintärkeitä toimintoja, kuten navigointia, ei ikinä saa tehdä javaskriptillä, koska se halvaannuttaa sivut toimimattomiksi.