bildpryl

// <img src=".jpg" alt="" class="link" data-out="" data-over="">
// exempel <img src="bild1.jpg" alt="" class="link" data-out="bild1" data-over="bild2">
(function () {
    'use strict';
    var img = document.getElementsByClassName("link");

    for (var i = 0; i < img.length; i++) {
        img[i].onmouseover = function () {
            this.src = this.getAttribute("data-over") + ".jpg";
        };
        img[i].onmouseout = function () {
            this.src = this.getAttribute("data-out") + ".jpg";
        };
    }
})();