jquery - Repeating multiple images with CSS repeat-x -

i'm making uhd project requires displaying huge images. there's no problem stationary browsers ios , mobile browsers limited in field. max resolution ios png 5 megapixels far lower of images need display.

jpeg , other formats not option.

so far decided split big images smaller ones , i've encountered problem. i've created fiddle show what's going on.

jsfiddle

as can see used 2 images in "background-image" show exact problem. first image (circle) appears on top of second (square).

here code css:

    <style type="text/css">         html {         overflow-x: hidden;         }         html, body { height: 100%; width: 100%;}               body { overflow-x: hidden;               background-image: url('http://www.clipartbest.com/download?clipart=di7erd49t'), url('http://i126.photobucket.com/albums/p89/robertthomas_2006/600x600.png');           background-repeat: repeat-x, repeat-x;               background-position: left, right;               } 

and jquery:

    $(function(){         var x = 0;         setinterval(function(){         x-=1;         $('body').css('background-position', x + 'px 0');     }, 10);     }); 

so problem both "small" images not side side. there's no problem if stitch them in 1 big image. mobile devices cannot handle it.

as far can see "background-postion" in css ignored reason.

so there way apply "background-repeat: repeat-x" whole block of background images , put images side side?

i need 2 10 background images repeated "organic whole" @ same time.

is possible method i'm using? if not - best solution?

well background property not in way comfortable doing want do. advice place images in div, div in other hand displayed below other content (with position absolute), acts background. note have set z-index content also, , should higher number z-index of "background" div. again advice not repeat whole set of images endlessly, rather start animation again when reaches last one. give me comment if need deeper explanation of form above.