Då kör vi. Så här enkelt gör du en Rollover.

1. Välj vilka två foton du ska använda.

2. Ladda upp dem på något ställe så du kan få tag i länkadressen. Jag tycker att Photobucket är bäst. En fotolänk ser typ ut såhär: http://i1297.photobucket.com/albums/ag24/skruttplutt123/skor2_zps3a4c127b.jpg

3. I photobucket så kan man enkelt klicka på “Direkt Link”. Då kopieras länken till fotot. Den länken skall du använda i steg 5.

4. Jag använder WordPress.. så jag kan bara beskriva utifrån WP. Men kopiera länken nedan och lägg in i textredigeraren.

<img src=”IMAGE-1-LINK” onmouseover=”this.src=’IMAGE-2-LINK‘” onmouseout=”this.src=’IMAGE-1-LINK‘” />

5. Ok. Bild nr 1 är den bilden du kommer se som default. Alltså första fotot…duh. Så radera den första IMAGE-1-LINK och lägg till fotolänk 1. Gör detsamma på IMAGE-1-LINK länken i slutet. Det betyder att foto 1 kommer tillbaka efter att musen tas bort ifrån fotot.

6.  Kopiera fotolänken till foto 2. Lägg in den länken i mitten, alltså IMAGE-2-LINK.

7. KLURT!

Om det är så att det inte fungerar som det ska: 1. Kolla att du inte fuckade upp länken och raderade något citattecken eller annat überviktigt. 2. Uppdatera din bloggsida, Jag kan tillexempel inte se i Preview om det fungerar eller ej om jag uppdaterar den först.