interagir entre un script jquery et le body d'un site

Version imprimable

bonjour

j'explique mon cas , je developpe actuellemnt sous prestashop
j'utilise un module silde qui m'affiche des images tous les 2 secondes en boucle
je souhaiterais que cette fonction interagisse avec le body de mon site pour faire chnager le background de mon site

voici mon code javascript du slider

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<script type="text/javascript" charset="utf-8">
		$(window).load(function()
		{
			init_slideshow()
		})
 
		init_slideshow = function()
		{
			$('#home_slides').cycle({
				fx:'fade',
				timeout:5000,
				pager:'#slide_navigation',
				after:update_slide_caption,
				before:fade_slide_caption
			})
		}
 
		fade_slide_caption = function(next, previous)
		{
			caption_container = $('#project_caption')
			caption_container.fadeOut('fast')
		}
 
		update_slide_caption = function(next, previous)
		{
			caption_container = $('#project_caption')
 
			caption = $('span.slide_caption', previous)
			caption_container.fadeIn('fast')
			caption_container.html(caption.html())
 
		}
</script>

comment creer ce lien ?

merci

17/01/2012, 17h32
Bovino

Il suffit juste de rajouter des

Code:

$('body').css({backgroundImage: 'valeur'});

aux endroits souhaités...
17/01/2012, 18h15
ultraxa

j'ai un soucis
j'ai mis cela en forcant la direction et pour autant
ca ne fonctionne pas

Code:

$('body').css({backgroundImage:'url("www.monsite/img/background.jpg")'});

qund je debugue avec firebug , il me dit qu'il ne peut pas charger l'image ...
j'ai essayer une utre url valide , une autre image

d'autre part je ne vois pas comment faire afficher plusieur fond d'ecran par rapport a mes images

mes images s'affiche de cette facon :
j'ai un div "home_slides'"avec une liste d'image entre 2 balise <li>

le jquery decale les images au fiur et a mesure
17/01/2012, 18h27
danielhagnoul

Bonsoir

Un URL complet ! Exemple :

Code:

$( "body" ).css({ "background-image" : 'url("http://danielhagnoul.developpez.com/images/imageTest.png")' });

Pour le reste, désolé ! Je ne connais pas "Prestashop"
18/01/2012, 09h13
ultraxa

Ok ça marche !!!
Merci.

A présent, si je comprends bien (je débute), il faudrait que je crée une liste d'images.

Et que j'utilise un jquery pour faire afficher la liste d'images via un "display" tous les 5 secondes et que l'url de l'image se place dans une variable et que j'affiche ensuite :

Code:

$('body').css({backgroundImage:'url("mavariable")'});

Qu'en pensez-vous ?