টপিকঃ আইই'তে ট্রান্সপারেন্ট পিএনজি ইমেজ

ট্রান্সপারেন্ট ইমেজের জন্য জেপিজি ও পিএনজি ফরমেট ব্যবহার করা হয়। কিন্তু পিএনজি ততটা জনপ্রিয় নয় কারণ ইন্টারনেট এক্সপ্লোরার এটিকে ট্রান্সপারেন্ট দেখাতে পারে না। তবে আই ই ৭ এ সম্ভবত এ সুবিধা যুক্ত করা হয়েছে।

যাহোক, আজকে পিএইচপি এক্সপার্টস গ্রুপের কল্যাণে একটা ছোট্ট চমৎকার স্ক্রিপ্ট পেলাম। এই মাত্র এটি টেস্ট করে দেখলাম জটিল কাজ করছে। অথ্যাৎ আইই'তে পিএনজি ট্রান্সপারেন্ট আসছে।

তাই আপনাদের সাথে কোডটুকু শেয়ার করছি।

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

if ((version >= 5.5) && (document.body.filters))
{
   for(var i=0; i<document.images.length; i++)
   {
      var img = document.images[i]
      var imgName = img.src.toUpperCase()
      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
      {
         var imgID = (img.id) ? "id='" + img.id + "' " : ""
         var imgClass = (img.className) ? "class='" + img.className + "' " : ""
         var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
         var imgStyle = "display:inline-block;" + img.style.cssText
         if (img.align == "left") imgStyle = "float:left;" + imgStyle
         if (img.align == "right") imgStyle = "float:right;" + imgStyle
         if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
         var strNewHTML = "<span " + imgID + imgClass + imgTitle
         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
         + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
         img.outerHTML = strNewHTML
         i = i-1
      }
   }
}

এই কোডটুকু পেজের হেডার সেকশনে জুড়ে দিন। ব্যাস, পেজের সমস্ত পিএনজি ইমেজগুলো (যেগুলো'র ব্যাকগ্রাউন্ড ট্রান্সপারেন্ট করেই করা হয়েছে) সুন্দর ভাবে দেখাবে।

একাধিক ফাইল হলে এই কোডকে কোন .জেএস ফাইলে রেখে প্রতিটি পেজের হেড সেকশনে ইনক্লুড করে দিন। ব্যাস!

ধন্যবাদ।

মূল সাইট: http://homepage.ntlworld.com/bobosola/pnghowto.htm

[img]http://twitstamp.com/thehungrycoder/standard.png[/img]
what to do?

Re: আইই'তে ট্রান্সপারেন্ট পিএনজি ইমেজ

অনেক আগে আমি একবার বিডিলাগের সাইট করেছিলাম বাংলাতে। সেখানে পিএনজি ব্যবহার করা হয়েছিলো। কিন্তু সেগুলিকে কিছুতেই ট্রান্সপ্যারেন্ট দেখতে পারতোনা আই.ই ব্যবহারকারীরা। আমি অবশ্য তা ঠিক করি নাই, কারণ সাইটটি তৈরী করা হয়েছিলো লিনাক্স ব্যবহারকারীদের উপর ভিত্তি করে আর লিনাক্সে যেহেতু আই.ই নাই, সুতরাং আমার টেনশনের কোনো কারণ নাই। smile

তবে এই কোড সত্যই কাজে দেবে।


---------এই টপিকের সাথে কোনো সম্পর্ক নেই-------------
বিঃদ্রঃ আপনাদের সাইটে ইউনিজয়ের নাম বদলে ফেলে ইউনিকোড রাখা হয়েছে। বিষয়টি ঠিক না। ইউনিকোডের নাম আমরা এভাবে ব্যবহার করতে পারবোনা বলে উল্লেখ আছে ইউনিকোডের সাইটে। আর আপনারা যেই জাভাস্ক্রিপ্টটা ব্যবহার করছেনম সেটা অনেক আগে আপডেট করা হয়েছে। অনুগ্রহ করে নতুন স্ক্রিপ্টটি উৎস থেকে নামিয়ে ব্যবহার করুন। পুরাতনটিতে একটু ঝামেলা আছে।

অমি আজাদ
http://omi.net.bd

Re: আইই'তে ট্রান্সপারেন্ট পিএনজি ইমেজ

omiazad লিখেছেন:

---------এই টপিকের সাথে কোনো সম্পর্ক নেই-------------
বিঃদ্রঃ আপনাদের সাইটে ইউনিজয়ের নাম বদলে ফেলে ইউনিকোড রাখা হয়েছে। বিষয়টি ঠিক না। ইউনিকোডের নাম আমরা এভাবে ব্যবহার করতে পারবোনা বলে উল্লেখ আছে ইউনিকোডের সাইটে। আর আপনারা যেই জাভাস্ক্রিপ্টটা ব্যবহার করছেনম সেটা অনেক আগে আপডেট করা হয়েছে। অনুগ্রহ করে নতুন স্ক্রিপ্টটি উৎস থেকে নামিয়ে ব্যবহার করুন। পুরাতনটিতে একটু ঝামেলা আছে।

সম্ভবত 'আমাদের প্রযুক্তি' ফোরামের সাথে বিজয় সফটওয়্যার কোম্পানীর মোস্তফা জব্বার ঝামেলার করার পর ইউনিজয় থেকে ইউনিকোড নাম দেওয়া হয়েছিল। প্রযুক্তি ফোরামে অবশ্য কিছু বন্ধ করে রাখা ছিলো। এখন আবার চালু করা হয়েছে তবে নাম পরিবর্তন করা হয়নি। আমার নিজস্ব মতামত হলো ব্যবহার করলে সঠিক নামেই করবো।

Re: আইই'তে ট্রান্সপারেন্ট পিএনজি ইমেজ

আমার মনে হয় "ইউনিজয়" নামটা পরিবর্তন করে "ইউনিবাংলা" করে দেয়া যেতে পারে... নো মোর বিজাতীয়-"জয়"!


স্ক্রিপ্টটা আসলেই কাজের....

আমি আমার আমিকে চিরদিন এই বাংলায় খুঁজে পাই....

Re: আইই'তে ট্রান্সপারেন্ট পিএনজি ইমেজ

TRIVUz লিখেছেন:

আমার মনে হয় "ইউনিজয়" নামটা পরিবর্তন করে "ইউনিবাংলা" করে দেয়া যেতে পারে... নো মোর বিজাতীয়-"জয়"

thumbs_upthumbs_up

অ আ ই ঈ উ ঊ ঋ এ ঐ ও ঔ
ক খ গ ঘ ঙ চ ছ জ ঝ ঞ ট ঠ ড ঢ ণ ত থ দ ধ ন প ফ ব ভ ম য র ল শ ষ স হ ক্ষ ড় ঢ় য়
ৎ ং ঃ ঁ

আলোকিত'এর ওয়েবসাইট

লেখাটি CC by-nc-nd 3. এর অধীনে প্রকাশিত

Re: আইই'তে ট্রান্সপারেন্ট পিএনজি ইমেজ

আলোকিত লিখেছেন:
TRIVUz লিখেছেন:

আমার মনে হয় "ইউনিজয়" নামটা পরিবর্তন করে "ইউনিবাংলা" করে দেয়া যেতে পারে... নো মোর বিজাতীয়-"জয়"

thumbs_upthumbs_up

thumbs_upthumbs_up(y)

সর্বশেষ সম্পাদনা করেছেন omicronlab (২৫-১২-২০০৭ ২৩:২২)

Re: আইই'তে ট্রান্সপারেন্ট পিএনজি ইমেজ

TRIVUz লিখেছেন:

আমার মনে হয় "ইউনিজয়" নামটা পরিবর্তন করে "ইউনিবাংলা" করে দেয়া যেতে পারে... নো মোর বিজাতীয়-"জয়"!


স্ক্রিপ্টটা আসলেই কাজের....

অন্য কোন নাম বাছাই করলে মনে হয় ভালো হয়। বায়োসের বানানো ফন্টের নাম ছিল ইউনিবাংলা, ভবিষ্যতে মানুষ দুটো গুলিয়ে ফেলতে পারে।

---------------------------
মেহ্‌দী হাসান খান

Re: আইই'তে ট্রান্সপারেন্ট পিএনজি ইমেজ

আচ্ছা....ইন্টারনেট এক্সপ্লোরার ৭ মনে হয় পিএনজি ট্রান্সপারেন্ট দেখাতে পারে। তাই কি?

[img]http://twitstamp.com/thehungrycoder/standard.png[/img]
what to do?

Re: আইই'তে ট্রান্সপারেন্ট পিএনজি ইমেজ

হ্যাঁ পারে। আমি টেস্ট করে দেখেছি। thumbs_up

হাঙ্গরিকোডার লিখেছেন:

আচ্ছা....ইন্টারনেট এক্সপ্লোরার ৭ মনে হয় পিএনজি ট্রান্সপারেন্ট দেখাতে পারে। তাই কি?

রক্তের গ্রুপ AB+

microqatar'এর ওয়েবসাইট

লেখাটি GPL v3 এর অধীনে প্রকাশিত