Question

I have a list in a div and I would like to change the background image of the parent div (#homepage_container) when I hover over a list item.

here’s the site:-

http://www.thebalancedbody.ca/

Is this possible? I’m guessing I’ll have to use javascript.

Thanks

Jonathan

Answer 1

You have to use JS.
Better to learn something like jQuery.
With it you will have to do something like

var images = ['img1.jpg', 'img2.jpg', ...]

for (var i = 0; i < li_count; ++i) // li_count is the number of li's
    $('li:eq(' + i + ')').mouseover(function() {$('#homepage_container').css('background-image', images[i]})

Anyway, if you wish to use such kinds of techniques, you have to learn JS.
See http://www.w3schools.com/js/default.asp and for basics and http://docs.jquery.com/Tutorials for jQuery.