PDA

View Full Version : تعویض background-image با jquery



soshyanet
پنج شنبه 27 مرداد 1390, 10:09 صبح
سلام دوستان

چطوری می تونم با background-image یه بخش رو با jquery عوض کنم

هر کاری کردم فقط تونستم background-color اونو عوض کنم


اگه کمکم کنید ممنون می شم

hossin.esm
پنج شنبه 27 مرداد 1390, 13:47 عصر
سلام


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

$('#b1').click(function() {
$('#g').css("background-image", "url(images/1.jpg)");
});
$('#b2').click(function() {
$('#g').css("background", "#CCC");
});

});





</script>
<style type="text/css">
body{
font-family:arial
}
#g {
background-color:#ccc;
height:100px;
width:100%;

}


</style>
</head>
<body>
<div id="g">
aaa

</div>
<button id="b1">change background image</button>
<button id="b2">change background color</button>
</body>
</html>

mehdi.mousavi
دوشنبه 31 مرداد 1390, 23:56 عصر
سلام دوستان
چطوری می تونم با background-image یه بخش رو با jquery عوض کنم
هر کاری کردم فقط تونستم background-color اونو عوض کنم
اگه کمکم کنید ممنون می شم

سلام.
اگر چه پاسخ hossin.esm کار شما رو راه می ندازه، اما بهتره که Selector جداگانه ای در CSS برای استفاده از تصاویر مختلف ایجاد کنید،
سپس در هنگام لزوم، کلاس مورد نظرتون رو به المنت دلخواهتون apply کنید.

بدین ترتیب در صورت نیاز به تغییر Style سایت، دیگه نیازی نخواهد بود تا در کدهای JavaScript به دنبال Style مورد نظر بگردید.

موفق باشید.