Response Image Change

by Christopher

HTML

<div id="tleone">
<img id="img_a" src="http://elgrandepics.com/wp-content/uploads/2013/02/Train-In-the-Forrest1-e1361641837147.jpg"/>
</div>

JavaScript

var mqlist = [ 
    window.matchMedia("(max-width: 320px)"),
    window.matchMedia("(max-width: 600px)"),
    window.matchMedia("(max-height: 500px)")
    ]
    
    function imgchge(mqlist){
    if (mqlist[0].matches) {
    document.getElementById("img_a").src("var mqlist = [ 
    window.matchMedia("(max-width: 320px)"),
    window.matchMedia("(max-width: 600px)"),
    window.matchMedia("(max-height: 500px)")
    ]
    
    function imgchge(mqlist){
    if (mqlist[0].matches) {
    document.getElementById("img_a").src("http://www.discoveringfossils.co.uk/danger_falling_rocks2.jpg") = mqls[0].matches 
    } else if () {
    document.getElementById("match2").innerHTML = mqls[1].matches // width: 600px media match?
    } else () {
    document.getElementById("match3").innerHTML = mqls[2].matches // height: 500px media match?
    }
}

for (var i=0; i<mqlist.length; i++){ 
    imgchge(mqlist[i])
    mqlist[i].addListener(imgchge) 
}") //= mqls[0].matches 
    } else if () {
    document.getElementById("match2").innerHTML = mqls[1].matches // width: 600px media match?
    } else () {
    document.getElementById("match3").innerHTML = mqls[2].matches // height: 500px media match?
    }
}

for (var i=0; i<mqlist.length; i++){ 
    imgchge(mqlist[i])
    mqlist[i].addListener(imgchge) 
}