কবিরের সমাধানটি সঠিক। আমার চিত্র URL ছিল
/images/ads/homepage/small-banners01.png,
এবং এটি অ্যাডব্লক ট্রিপ আপ ছিল। এটি আমার পক্ষে ক্রস-ডোমেনের সমস্যা ছিল না এবং এটি লোকালহোস্ট এবং ওয়েবে উভয় ক্ষেত্রেই ব্যর্থ হয়েছিল।
আমি ডিবাগ করতে Chrome এর নেটওয়ার্ক ট্যাবটি ব্যবহার করছি এবং লোড করতে ব্যর্থ এই নির্দিষ্ট চিত্রগুলির জন্য খুব বিভ্রান্তিকর ফলাফলগুলি খুঁজে পেয়েছি। প্রথম অনুরোধটি কোনও প্রতিক্রিয়া দেয় না (স্থিতি "(মুলতুবি)")। পরে লাইনটি নীচে নেওয়ার পরে, দ্বিতীয় অনুরোধটি আসল ইউআরএল তালিকাভুক্ত করেছিল এবং তারপরে সূচক হিসাবে "পুনর্নির্দেশ" করে। পুনঃনির্দেশিত অনুরোধ শিরোনামগুলি বেস বেস-এনকোডড ডেটাগুলির জন্য এই একই শর্ট লাইনের জন্য ছিল এবং প্রত্যেকটি কোনও প্রতিক্রিয়া দেখায়নি, যদিও স্থিতিটি "সফল" ছিল:
GET data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg== HTTP/1.1
পরে আমি লক্ষ্য করেছি যে এই ইনলাইন শৈলীগুলি সমস্ত চিত্রের উপাদানগুলিতে যুক্ত হয়েছিল:
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
অবশেষে, আমি কনসোলে কোনও "রিসোর্স লোড করতে ব্যর্থ" বার্তা পাইনি, বরং এটি:
Port error: Could not establish connection. Receiving end does not exist.
এইগুলির মধ্যে যদি আপনার সাথে কিছু ঘটে থাকে তবে অ্যাডব্লকের সাথে এটির কিছুটা সম্পর্ক রয়েছে। এটি বন্ধ করুন এবং / অথবা আপনার চিত্র ফাইলগুলির নাম পরিবর্তন করুন।
এছাড়াও, অ্যাডব্লক দ্বারা নির্মিত ইনলাইন সিএসএসের কারণে আমার প্রচারগুলি স্লাইডারের লেআউটটি ফেলে দেওয়া হয়েছিল। আমি কবিরের সমাধান সন্ধানের আগে সিএসএসের সাথে লেআউট সংক্রান্ত সমস্যাগুলি ঠিক করতে সক্ষম হয়েছি, সিএসএস কিছুটা অপ্রয়োজনীয় ছিল এবং একাধিক আকারের চিত্রগুলি পরিচালনা করতে স্লাইডারের নমনীয়তাটিকে প্রভাবিত করেছিল।
আমি অনুমান করি পাঠটি: আপনি নিজের ইমেজটির নাম কী রাখবেন সে সম্পর্কে সতর্ক থাকুন। এই চিত্রগুলি দূষিত বা বিরক্তিকর ছিল না যতটা তারা বর্তমান প্রচার এবং বিশেষতাকে অবারাগহীনভাবে সতর্ক করে দিয়েছিল।