Hello fujihime,
This is very simple :D. Your website is not loading for me however here is an example for you.
First thing you need to do if you havn’t done so already is include the jquery script to your page.
add this script at the bottom of the html before the body tag closes
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</body>
ok now imagine the div we click on has an id=”click-me”.
All we have to do is tell jquery to change the css when the user clicks on the div, simple, let’s get to it :).
HTML:
<div id="click-me"><div>
CSS:
#click-me{
background-image:url(first-image.jpg);
}
jQuery:
$(document).ready(function() {
$('#click-me').live('click', function(e) {
$(this).css('background-image','url(second-image.jpg)');
});)
});
Let me translate this into english:
When the document is ready (HTML is loaded) if the user clicks on id click-me then change my CSS ( $(this) ) to the following.
Voila easy, hope this makes coding fun.
