Bonjour j'aimerais que lorsque l'utilisateur glisse sur l'écran, le fond d'écran change, j'ai essayé plusieurs choses, mais je ne réussis pas a le faire, pouvez vous m'aider s'il vous plait ?

JQUERY

timelineComponents['eventsContent'].on('swipeleft', function(){
				var mq = checkMQ();
				( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'next');
				$(this).closest('li').attr('id').css("background", "url(img/'+img+'.jpg) no-repeat");
			});
			timelineComponents['eventsContent'].on('swiperight', function(){
				var mq = checkMQ();
				( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'prev');
				$(this).closest('li').attr('id').css("background", "url(img/'+img+'.jpg) no-repeat");
			});

HTML

<li id="1" class="selected" data-date="15/06/1831">
				<h1>Premier Pensionnat Indiens</h1>
				<em>1831</em>
				<p>	
					L’Institut mohawk devient le premier pensionnat indien, à Brantford en Ontario. Au début, l’école n’admet que des garçons. En 1834, les filles sont admises. 
				</p>
			</li>
			
			<li id="2" data-date="15/06/1844">
				<h1>Proposition de la Commission Bagot</h1>
				<em>1844</em>
				<p>	
					La Commission Bagot propose que la séparation des enfants autochtones de leurs parents soit la meilleure façon de réussir l’assimilation. Elle recommande aussi que l’Institut mohawk soit considéré comme un modèle pour les autres pensionnats indiens. 
				</p>
			</li>

Bien cordialement,
Agent5acad27

Salut,

J'ai l'impression que ton problème pourrai tprovenir de "url(img/'+img+'.jpg).
Si tu regardes bien tu cherches afficher à mettre en variable : url('img0.jpg') (j'ai imaginé que la varibale img = 0)
Essayes ceci :
"url('img/'+img+'.jpg') no-repeat"