Сообщение от рони
|
ufaclub,
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body><ul id="seo">
<li style="background-image:url(http://www.murmangid.ru/sites/default/files/news/2011-05/1306736673-9432.jpg); background-repeat:no-repeat">
<h2><span><a href="/svejie-ogurci.html">Свежие огурцы</a></span></h2>
<div class="meta floatleft w">
<div class="author floatleft">06.03.2014</div><br>
<div id="intro">
Огурец обладает ценными диетическими и лечебными свойствами. Замечательные вкусовые качества,...</div>
</div>
</li></ul>
<script>
jQuery("#seo li").hover( function() {
var image = jQuery(this).css('background-image');
jQuery(this).data({'background':image})
.css({'background-image':'none'});
}, function() {
var image = jQuery(this).data('background')
jQuery(this).css({'background-image':image});
});
</script>
</body>
</html>
|
А как можно сделать чтобы заместо 'none" в строке .css({'background-image':'none'});
было имя произвольно картинки из списка [bg1.jpg,bg2.jpg,bg3.jpg,bg4.jpg] при учете что картинки будут лежать в корне сайта.