Voisko joku esittää lyhyen koodinpätkän, miten saan thumbnail-kuvat aukeamaan hiirellä napsauttamalla omaan ikkunaan isommaksi kuvaksi. Mulla on sekä pikku- että isot kuvat samassa kansiossa.
Mitä hyötyä saavutetaan sillä, että thumbnail-kuvat pienennetään valmiiksi pikkukuviksi, verrattuna, että määrittää kuvan koon HTML-koodissa?
Mitä hyötyä saavutetaan sillä, että thumbnail-kuvat pienennetään valmiiksi pikkukuviksi, verrattuna, että määrittää kuvan koon HTML-koodissa?
Vastaukset 6
Vanhimmat
lyhyt koodi:
hyöty:
Valmis pikkukuva on tiedostona pienempi -> latausaika lyhyt. Jos vain pienentää html-koodilla ison kuvan, niin latausaika ei vähene mihinkään, koska kuvan tiedostokoko on edelleen sama.
korjaus edelliseen
Kiitti Punikki ohjeista. Alan pikku hiljaa oppimaan. Nyt kuitenkin aukeaa molemmat, sekä thumbnail että iso kuva ajettaessa HTML-tiedosto.
Olisi tarkoitus, että avattaessa sivu, näkyy vaan thumbnailit ja niistä mitä tahansa napsauttamalla aukeaisi ko. kuva isoksi.
Mitenhän jalostaisin edelleen koodia?
Voiko joku suositella jotakin hyvää opasta näihin hommiin?
Tässä tähänastinen koodi. Pitäisi siis saada thumbnailia napsauttamalla se aukeamaan isoksi kuvaksi omaan ikkunaansa. Mitähän muutoksia teen alla olevaan koodiin?
Nyt tämä aukaisee ajettaessa heti sekä ison, että pienen kuvan.
My Web Page
Welcome to my page!
This is a line of text. You may read it if you want to.
Fluffy is the best cat in the world
My Web Page
Welcome to my page!
This is a line of text. You may read it if you want to.
Fluffy is the best cat in the world
tulee ennen , ei keskelle koodia
Olet määritellyt pikkukuvan kaksi kertaa!