No, kuvia olisi kymmeniä, myöhemmin ehkä satoja, onko olemassa mitään "kikkaa" (tai ohjelmaa), millä tavalla kuvan alapuolelle saisi tehtyä seuraava ja edellinen -linkit, tai vastaavat... aika rankka homma jos jokaisen kuvan alapuolelle joutuu erikseen sellaiset näpyttelemään...
kuvat on nimetty xxx01, xxx02 jne... jos siitä mitään apua olisi?
Kyllähän tuo copy/pastella onnistuisi aika sukkelasti, mutta jokaiselle kuvalle joutuisi kuitenkin tekemään oman "sivunsa"...
Tällä hetkellä ne ovat vain sivulla ilman minkäännäköistä html-koodia.
Jep, ja olen ihan aloittelija näissä hommissa.
kuvat on nimetty xxx01, xxx02 jne... jos siitä mitään apua olisi?
Kyllähän tuo copy/pastella onnistuisi aika sukkelasti, mutta jokaiselle kuvalle joutuisi kuitenkin tekemään oman "sivunsa"...
Tällä hetkellä ne ovat vain sivulla ilman minkäännäköistä html-koodia.
Jep, ja olen ihan aloittelija näissä hommissa.
Vastaukset 15
Vanhimmat
tee valmista
jollain albuminteko-ohjelmalla esim. myalbum
http://keskustelu.suomi24.fi/show.fcgi?category=2000000000000020&conference=4500000000000543&posting=22000000013017067
tai jalbum
http://jalbum.net/
ja tulos voipi käydä suoraan tarkoituksiisi.
Jos ei, ota mallia koodista ja ruuvaa mieleiseksesi.
lipsahti väärä linkki ties mistä...
tässä oikea
http://perso.wanadoo.fr/myalbum/MyAlbum.html
Kiitos, JAlbumilla sain tehtyä yksinkertaisen kuvagallerian thumbnaileineen päivineen. Todella helppokäyttöinen ohjelma, suosittelen muillekkin.
"Tällä hetkellä ne ovat vain sivulla ilman minkäännäköistä html-koodia. "
Näin on erittäin hyvä. Älä ihmeessä sotke gallerioitasi millään vitkutinsivuilla.
Eli yhdelle sivulle thumbnailit, joista aukeaa .jpg...
Näin ei todellakaan ole hyvä. Kukaan ei tiedä mitä kuvista aukeaa, ja jos haluaa katsoa kaikki kuvat niin se on todella rasittavaa naputtelua (juuri negatiivisen palautteen saaminen sai minut ryhtymään tähän kuvagallerian tekoon).
"Kukaan ei tiedä mitä kuvista aukeaa"
Joo, ei tiedä ei. Kerrotko vielä herra aloitteleva koodaaja miten kikkaregallerian thumbnaili eroaa normaaligallerian thumbnailista?
Miten siis sivulla a), jossa on 'next', 'prev', ym nuolet, olevasta thumbnailista selviää peremmin kuvan sisältö kuin sivulta b) jossa on thumbnailit, joista aukeaa iso kuva ????
Taisit nyt ymmärtää väärin? Thumbnailit nyt oli ylipäätään tässä ihan sivuosassa, tärkeintä oli saada ne nuolet niin helpottuu kuvien selaaminen aikalailla.
Javaskript palsta olisi ehkä ollut parempi.
Tuota voi toteuttaa hyvin monella tavalla Jos käyttää thumbnails tai ei on vailla teksistä merkitystä, jokaisen oma makuasia.
Jos tekee tuon homman pelkästään CSS:llä (se on mahdollista) sivun latautuminen kestää ikuisuuksia. Periaate on silloin että luet kaikki kuvat kerrallaan sivulle, ja piiloitat tai näytät yksi sivu kerrallaan (visibility: 'show'/'hide' jne)
Jos sinulla on serverin puolen skriptimahdollisuus cgi (php, asp, perl, c...) tuota ongelmaa voi hoitaa serverilla, silloin serveri ainoastaan vastaa lähettämällä uuden kuvan samaan kuvakehykseen (en nyt puhu mistään frameista tai iframesta (vaikka sekin onnistuisi) vaan img src="uusikuva"..>. tai lähettämällä kokonaan uuden sivun missä on se uusi kuva (helpoin tapa). Epäilen kuitenkin että sinulla olisi oma domaini ja mahdollisuutta käyttää serverinpuoleisia skriptejä.
Tällöin ylivoimaisesti helpoin vaihtoehto on tehdä pieni javaskripti (pituus noin 10 yksinkertaista riviä (tuo verkkoalbumin joka joku ehdotti oli kooltaan useita MB, lataus 10 MB:n kaistalla kestää useita sekunteja, lisäksi en tiedä paljonko kotisivutilaa sinulla on?)
Tämä homma tehdään näin: Kuvatiedostosi olivat systemaattisesti numaroituja: Hyvä(!) mutta ei välttämättömyys) xxx1, xxx2, xxx3 jne (yksinkertaistan hieman jotta ymmärtäisit itse idean).
Kaikki javaskripti mitä tämän jälkeen kirjoitan pitää sijata headerissä (globaali skripti, muuten ei onnistu):
ensin teet globaali muuttujan:
var kuvaindeksi; //kuvatiedoston nimen loppuosa
Sitten teet kaksi funktiota:
function edellinen()
var tiedostonimi = "XXX"; //kuvatiedoston
var kuvaalue;
alkuosa
kuvaindeksi = kuvaindeksi -1; //pitää testata ettei mene liian pieneksi
tiedostonimi = tiedostonimi kuvaindeksi; oikean kuvatiedoston nimi
kuvaalue = Document.GetElementByID (kuva-alueen ID tunnus);
kuvaalue.src = tiedostonimi; //ilmestyi uusi kuva.
return;
Samalla tavalla teet funktion Seuraava(), miinuksien sijasta käytät plussia.
Voit myös tehdä hyppyjä mielivaltaiseen sivuun, puskuroida lähimmät sivut (selityksineen jne) yms.
Loppujen lopuksi teet "edellinen" "seuraavan" painikkeen alle: onClick: ´Seuraavaa(); onClick: 'Edellinen();
Olisi luultavasti ollut helpompaa kirjoittaa sinulle sen koodipätkän suoraan tänne: Ainakin se olisi lyhyempi kuin väsäämäni teksti. Jos ymmärrät mitä yrität tehdä et kysysi avuttomia lisäkysymyksiä ja ehkä joskus välittäisit auttaa toisia jotka eivät oikein tiedä mitä ne tekevät.
Joka tapauksessa, tuon verran ilmaista apua minulta saat, lopusta laskutan. Tämä palsta on tarkoitettu ihmisille jotka hakeevat kehitystä, ei paikka missä aitä on alin ja halvin. Mitä ne sinun valokuvat esittävät (URL-osoite?)
Niin, olisi varmaan jotain muutakin voinut tässä käyttää kuin html:ää, mutta en oikein osaa mitään muuta käyttää... javascriptit ovat minulle täysin tuntemattomia, enkä jaksa alkaa opettelemaan.
Tuo jalbum oli ihan tarpeeksi kätevä ohjelma.
Katso 1000 kappaletta kaupallisia menestyviä 'galleriasivuja'.
995 niistä on 'thumbsivu' klikkauksesta avautuva KUVA, siis ei kuvasivu kaikkine tillbehööreineen.
ON se vitun vaikeeta uskoa aloittelijoille mikä on PARAS KÄYTTÄJÄN kannalta, ei COOLEIN TEKIJÄN kannalta.
JALBUMILLA tehdyt sivut ovat ALOITTELIJOIDEN COOLEJA sivuja. Ammattilaisten TOIMIVAT sivut ovat erikseen.
Etkö nyt ymmärtänyt, että alunperin kuvat olivat pelkästään _tiedostolistauksena_ eli ilman _minkäänlaista_ html-koodia.
Kyllähän tuo mikätahansa galleria on parempi kuin pelkkä tiedostolistaus. Kuvagallerian käytettävyydestä en nyt ala jauhamaan.
"JALBUMILLA tehdyt sivut ovat ALOITTELIJOIDEN COOLEJA sivuja. Ammattilaisten TOIMIVAT sivut ovat erikseen."
Oho... kylläpäs tulee taas hyvää dataa... mitäs veikkaat, onko kyseessä aloittelija vai ammattilainen? Täytyykö kaikkien olla ammattilaisia...?
" Oho... kylläpäs tulee taas hyvää dataa... mitäs veikkaat, onko kyseessä aloittelija vai ammattilainen? Täytyykö kaikkien olla ammattilaisia...?"
Jos samalla vaivalla saa tehtyä TOIMIVAT ja KÄYTTÄJÄYSTÄVÄLLISET sivut, niin miksei aloittelijakin voisi tehdä sellaiset.
Miksi aloittelijan pitää polttaa aikaa tehdäkseen COOLIN NÄKÖISET (eli vähemmän toimivat) pelkkää tietämättömyyttään.
Eikö juuri tässä kohti olisi asiallista neuvoa aloittelijaa, jotta hän ei tuhraa aikaansa opettelemalla tekemään huonoja sivuja, vaan tekisi jopa helpommalla toimivia 'ammattimaisia' sivuja?
Sä olet varmaan sama joka kirjoitti nimimerkillä "kirjoitettu?".
Eli mennään taas samaa rataa; sulta tulee jotain ulkoaopittuja (tai prujuista luettuja) sepostuksia, jotka ei oikeastaan liity koko käsittelyssä olevaan asiaan. Eli ymmärrys puuttuu kokonaan. Sitten kun joku kommentoi sun jaarituksia, niin vastauksena tulee "te ootte muut ihan pihalla, vain minä kirjoitan asiaa, menkää poroja naimaan". Koska lpultakaan et ymmärrä asiasta mitään, vaan luettelet vaan jotain typeriä litanioita, etkä näinollen pysty mitenkään käymään järjellistä keskustelua.
"Jos samalla vaivalla saa tehtyä TOIMIVAT ja KÄYTTÄJÄYSTÄVÄLLISET sivut, niin miksei aloittelijakin voisi tehdä sellaiset. "
No tässä huomaa että et hirveästi tiedä juuri mistään mitään. Käyttäjäystävällisyys on laaja alue, ja tämä vaatii paljon tietoa kohderyhmästä, "user behaviorista", tietoa xhtml/css standardeista ja saavutettavuudesta. Tämä vaatii siis paljon tietoa ja teknistä osaamista, kun taas valmiilla galleriaohjelmalla on _paljon_ helpompi näyttää kuvia lähipiirilleen, mikä todennäköisesti on alunperin käyttäjän tarkoitus. Ko. ohjelman suunnittelijasta on sitten kiinni se, kuinka tuo käytettävyys on ratkaistu. Tässä voi olla luonnollisesti hyviä ja huonoja ratkaisuja. Tämän takia kaikkien ei tarvitse olla ammattilaisia.
"Miksi aloittelijan pitää polttaa aikaa tehdäkseen COOLIN NÄKÖISET (eli vähemmän toimivat) pelkkää tietämättömyyttään."
Sivuston ulkoasu ja sen käytettävyys eivät ole toistensa vastakohtia, vaan kulkevat käsi kädessä hyvässä verkkosuunnittelussa. Ulkoasu hyvin tehtynä voi ohjata käyttäjää todella paljon ja parantaa sivuston käytettävyyttä.
"Eikö juuri tässä kohti olisi asiallista neuvoa aloittelijaa, jotta hän ei tuhraa aikaansa opettelemalla tekemään huonoja sivuja, vaan tekisi jopa helpommalla toimivia 'ammattimaisia' sivuja?"
Toki on hyvä neuvoa aloittelijaa, mutta itse katsoisin että tällä kertaa aloittelija pääsee helpoimmalla käyttämällä valmista gallerianteko-softaa.
Myös me ammattilaiset käytämme sellaista esim. laittaessamme firman intraan näytille kuvia esimerkiksi pikkujouluista, siksi koska se on niin paljon helpompaa, nopeampaa ja automaattista. Ja tiedoksi, että esimerkiksi photoshopilla saa tehtyä käytettävyydeltään erittäin hyvän web-gallerian helposti.
Just oli tullu tonne 'mainosta'-osiolle tällainen hyvä malli:
http://www.venekotka.com/photo.htm
Sorsaa katsomatta ja js-OFF voisi sanoa: selkeä, helppokäyttöinen, helppo tehdä ja ennenkaikkea kun haluat KATSELLA KUVIA, niin thumbnailia klikkaamalla NÄET KUVIA etkä mitään tillbehööriä.