বেশিরভাগ ক্ষেত্রে এর দ্রুত সমাধান এখানে দেওয়া হল:
সিএসএস:
.iframe-loading {
background:url(/img/loading.gif) center center no-repeat;
}
আপনি চাইলে অ্যানিমেটেড লোডিং জিআইএফ ব্যবহার করতে পারেন,
এইচটিএমএল:
<div class="iframe-loading">
<iframe src="http://your_iframe_url_goes_here" onload="$('.iframe-loading').css('background-image', 'none');"></iframe>
</div>
অনলোড লোড ইভেন্টটি ব্যবহার করে আপনি আপনার আইফ্রেমের অভ্যন্তরে উত্স পৃষ্ঠাটি লোড হওয়ার পরে লোডিং চিত্রটি সরাতে পারবেন।
আপনি যদি jQuery ব্যবহার না করে থাকেন তবে কেবল ডিভিতে একটি আইডি রাখুন এবং কোডের এই অংশটি প্রতিস্থাপন করুন:
$('.iframe-loading').css('background-image', 'none');
এরকম কিছু দ্বারা:
document.getElementById("myDivName").style.backgroundImage = "none";
শুভকামনা!