ThaiSEOBoard.com

อื่นๆ => Cafe => ข้อความที่เริ่มโดย: RaulGonzales ที่ 03 สิงหาคม 2008, 11:08:40


หัวข้อ: ช่วยทีครับ เกี่ยวกับ .png เป็น Transparency นะครับ
เริ่มหัวข้อโดย: RaulGonzales ที่ 03 สิงหาคม 2008, 11:08:40
คือผมลองใช้ bg โปร่งใส(Transparency ) ลองในเครื่องตัวเอง มันใช้ได้เเต่พอ ลง hosting มันกลับไม่โปร่งใสอะครับ
มันเป็นเพราะอะไร อะครับ งง

ปล. ผมใช้ IE6

http://www.thaiseoboard.com/index.php/topic,31838.0.html  << อ่านเเล้วงง ใช้ไงอะครับ

หัวข้อ: Re: ช่วยทีครับ เกี่ยวกับ .png เป็น Transparency นะครับ
เริ่มหัวข้อโดย: RaulGonzales ที่ 03 สิงหาคม 2008, 11:20:12
ขุดๆๆช่วยทีครับด่วนจิงๆ  :'(

หัวข้อ: Re: ช่วยทีครับ เกี่ยวกับ .png เป็น Transparency นะครับ
เริ่มหัวข้อโดย: siamman ที่ 03 สิงหาคม 2008, 11:32:41
น่าจะเกียวกับตำแหน่งไฟล์ที่ระบุในสคริปหรือ cssนะครับ

หัวข้อ: Re: ช่วยทีครับ เกี่ยวกับ .png เป็น Transparency นะครับ
เริ่มหัวข้อโดย: RaulGonzales ที่ 03 สิงหาคม 2008, 11:49:13
ผมลอง fire fox เข้าเว็บ บน hosting กลับใช้ได้ เเต่พอ IE ใช้ไม่ได้อะครับ แล้วเเกด้วย javascript ก็ลำบาก เพราะเขียนให้โชว์รูปโดย ใช้ css จะไปใส่ function ต่อ ใน css ก็ไม่ได้  :'( :'(

หัวข้อ: Re: ช่วยทีครับ เกี่ยวกับ .png เป็น Transparency นะครับ
เริ่มหัวข้อโดย: moonoi ที่ 03 สิงหาคม 2008, 12:30:24
สร้างไฟล์ pngfix.js
โค๊ด:
var arVersion = navigator.appVersion.split("MSIE");
var version = parseFloat(arVersion[1]);

try
{
	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;
		  }
	   }
	}
}
catch (e)
{
}

แล้วใส่ code นี้ใน <head>....</head> ของหน้า HTML ที่มีไฟล์ภาพ PNG ครับ
โค๊ด:
<!--[if lt IE 7.]>
<script defer src="pngfix.js" type="text/javascript"></script>
<![endif]-->


หัวข้อ: Re: ช่วยทีครับ เกี่ยวกับ .png เป็น Transparency นะครับ
เริ่มหัวข้อโดย: RaulGonzales ที่ 03 สิงหาคม 2008, 12:52:02
พี่ใช้ได้หรอครับ ผมใช้ไมได้อะ อันบนที่ให้มาอะครับ

หัวข้อ: Re: ช่วยทีครับ เกี่ยวกับ .png เป็น Transparency นะครับ
เริ่มหัวข้อโดย: moonoi ที่ 03 สิงหาคม 2008, 12:57:24
ใช้ได้ครับ ตอนนี้ก็ใช้อยู่ครับ

หัวข้อ: Re: ช่วยทีครับ เกี่ยวกับ .png เป็น Transparency นะครับ
เริ่มหัวข้อโดย: RaulGonzales ที่ 03 สิงหาคม 2008, 13:00:25
ได้เเล้วครับ

เเต่ว่าถ้าเกิดผมเขียน  css จะทำไงให้มันใช้ได้อะครับ ทั้ง css เเบบ inline กับ external

<div style="background:url(content_top.png) ; width:1000px; height:66px ;"></div>

หัวข้อ: Re: ช่วยทีครับ เกี่ยวกับ .png เป็น Transparency นะครับ
เริ่มหัวข้อโดย: spiceday ที่ 03 สิงหาคม 2008, 15:53:59
อึม...ม..ม ได้ความรู้ ;)

หัวข้อ: Re: ช่วยทีครับ เกี่ยวกับ .png เป็น Transparency นะครับ
เริ่มหัวข้อโดย: cracker ที่ 03 สิงหาคม 2008, 16:45:07
อิอิ  ขอบคุณครับ กำลังต้องการพอดีเลย  :)

หัวข้อ: Re: ช่วยทีครับ เกี่ยวกับ .png เป็น Transparency นะครับ
เริ่มหัวข้อโดย: ohmohm ที่ 03 สิงหาคม 2008, 21:08:19
เห็นแวบๆ ของเก่า
http://www.thaiseoboard.com/index.php?topic=31838.0


SMF 1.1.21 | Simple Machines | ThaiSEOBoard.com