https://peda.net/id/5945713e823 2021-03-15T14:35:22+02:00 https://peda.net/:static/532/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/8c40b73c858 2021-03-15T14:39:56+02:00 <p>Mene w3school-sivustolle ja siellä CSS ja Image Gallery.</p> <p><a href="https://www.w3schools.com/css/css_image_gallery.asp" rel="nofollow ugc noopener">https://www.w3schools.com/css/css_image_gallery.asp</a></p> <p>Avaa ensimmäinen esimerkki<span> </span><em>Try it Yourself</em>. Esimerkissä on kuvagalleria, jossa esikatselukuvat = pikkukuvat. Pikkukuviin voi kirjoittaa myös esittelytekstin. Pikkukuvaa klikkaamalla aukeaa iso kuva uudessa välilehdessä. Tutki esimerkin koodia ensin style-osiossa. Kokeile vaihtaa koodiin eri numeroarvoja, niin näet vaikutuksen. Vastaa sitten tämän sivun kysymyksiin style-osiosta.</p> 2021-03-15T14:39:56+02:00 https://peda.net/id/d838d086858 2021-03-15T15:09:19+02:00 Tee sitten oma kuvagalleria haluamastasi aiheesta. Voit katsoa apuja alla olevasta kuvasta. jossa on selitetty yhden kuvagallerian kuvan koodi. Kun rakennat kuvagalleriaa, niin tee ensin kansio, johon tallennat sekä html-tiedoston että kuvat. Palauta galleria tämän sivun palautuslaatikkoon. Voit palautaa pelkän html-tiedoston ilman kuvia. 2021-03-15T15:03:32+02:00