گرفتن آدرس تصویر از آتریب src یه img و تنظیم اون به عنوان تصویر زمینه یک دایو دیگر

[arasdesign]

سلام دوستان من یه کد دارم شبیه کد زیر

<div class="bgbox">
<div class="imgbox">
<img src="sample.png"/>
</div>
</div>

حالا می خوام با جی کوئری یه کد بنویسیم تا وقتی به دایو imgbox کلاس active رو اضافه کنیم این کد ادرس تصویر رو از img بگیره و اون رو به تصویر زمینه دایو bgbox تنظیم کنه ؟ راهی هست ؟ تا جایی که می دونم تقریبا باید از همچین کدی استفاده کنم ولی چیزی نتونستم حل کنم .css({backgroundImage : 'url(' + src + ')'});

دوستان کسی چیزی نمیدونه برام واجبه لطفا کمک کنید ممنون

[ostadsho]

فقط یادتون باشه به div حتما width,height رو اختصاص داده باشید:



<img src="">
<div class="active class1 class2"></div>

<script>

var myclass=$("div").hasClass('active');

if(myclass){

var src=$("img").attr('src');

$(".active").css('background','url('+src+')');


}

</script>




اینو هم بگم که این دستورات رو هر موقع قراره به div کلاس داده بشه،باید فراخوانی کنید،چون اگر بعد از اینکه صفحه لود شد بخواید کلاس active رو بدید دیگه این دستوراتی که از اول توی صفحه بوده اجرا نمیشه منظورم اینه که این دستورات فقط در اول که صفحه لود میشه یه بار بیشتر اجرا نمیشه،اگر هم لازم بود از setInterval استفاده کنید.اگر نشد در خدمت هستم.

[arasdesign]

دوست عزیز در حقیقت این کد باید به صورت متوالی تکرار بشه چون این کد رو می خوام روی یه اسلایدست اعمال کنم ، این اسلاید ست چند آیتم داره و کلاس imgbox یدونه نیس چندتا هس پس وقتی هر imgbox کلاس active گرف می خوام همین روند اعمال بشه وزمینه img رو بگیره و bgbox اعمال کنه ، به نظرتون باید چیکار کنم ؟

[ostadsho]

اگر چندتاست و میخواید مرتبا چک بشه این کد رو استفاده کنید:



<script>

function checkclass(){

$(".imgbox").each(function(index, element) {


var myclass=$(this).hasClass('active');

if(myclass){

var src=$(this).find('img').attr('src');

$(this).css('background','url('+src+')');


}




});

}

setInterval(checkclass,100);

</script>