background image using js befor HTML it loads for responsive design

Vote count:

0

i have created horizontal scrolling parallax web site for that web site i want to add a background images based on the browsing device

for example

from normal pc <img src="bg.png">

from tablet <img src="bg-500px.png">

from samller mobiles <img src="bg-small.png">

how can i get a soln for this i tried body onload="fun()"

in fun(){

var bg=d.getEBI("img id");

if(window.innerwidth=referenceWidth)

{

bg.src=respective-img.png

}}

asked 39 secs ago

chinmay bhat

1

background image using js befor HTML it loads for responsive design