kuvien näyttö

avihavai · avihavai · commit 072f3f72458f · 2019-01-09T23:17:48.000+02:00
diff --git a/data/osa-3/1-ohjelmien-rakenteesta.md b/data/osa-3/1-ohjelmien-rakenteesta.md
@@ -257,9 +257,7 @@ public static int puolitushaku(ArrayList<Integer> luvut, int haettava) {
 Alla on kuvakaappaus ohjelmointiympäristöstä. Kuvassa näkyvässä esimerkissä ohjelmaan on toteutettu metodi `public static int puolitushaku(ArrayList<Integer> luvut, int haettava)`, joka on kommentoitu yllä näytetyn esimerkin mukaisesti. Kun ohjelmoija kirjoittaa metodin nimeä, ohjelmointiympäristö näyttää ohjelmoijalle metodiin liittyvän dokumentaation -- Linux-koneilla lähdekoodin täydennykseen käytettävä ctrl+space näyttää NetBeansissa kuvassa näkyvän valikon.
 
 
-
-<img src="/img/material/puolitushaku-ide-kommentit.png">
-
+<div><img class="naytto" src="../img/material/puolitushaku-ide-kommentit.png"/></div>
 
 
 <text-box variant='hint' name='Yleiset vs. yksityiskohtaiset kommentit'>
diff --git a/data/osa-3/2-listat.md b/data/osa-3/2-listat.md
@@ -300,11 +300,15 @@ Ohjelmassa näkyy myös tapa listan läpikäyntiin -- palaamme tähän tapaan my
 
 Listan paikkojen numerointi eli indeksöinti alkaa aina nollasta. Listan ensimmäinen arvo on indeksissä 0, toinen arvo indeksissä 1, kolmas arvo indeksissä 2 ja niin edelleen. Ohjelmissa indeksiä merkitään usein yksinkertaisesti muuttujalla nimeltä `i`.
 
-<img src="/img/drawings/arraylist.png">
+
+<div><img class="naytto" src="../img/drawings/arraylist.png"/></div>
+
 
 Ylläolevassa listassa ensimmäisenä on arvo 6 ja toisena arvo 1. Jos ylläolevaan listaan lisättäisiin uusi arvo kutsumalla `luvut`-listan metodia `add` parametrilla 8, menisi luku 8 listan indeksiin 6 eli seitsemänneksi luvuksi.
 
-<img src="/img/drawings/arraylist-add.png">
+
+<div><img class="naytto" src="../img/drawings/arraylist-add.png"/></div>
+
 
 Vastaavasti kutsumalla metodia `get` parametrilla 4, listalta haettaisiin viidettä lukua.
 
