如何将PNG档左右反转并透明??

TO： zhaoxiaoyang(梅雪香@深圳)
我试了一下，不行啊，不知是哪里的问题，，，，可以给个小例子看一下吗？？[email protected]

TRY:
<img src="http://community.csdn.net/images/CSDN_logo.GIF">
<img src="http://community.csdn.net/images/CSDN_logo.GIF" style="filter:Alpha(opacity=50) FlipH">
<img src="http://community.csdn.net/images/CSDN_logo.GIF" style="filter:Alpha(opacity=50) FlipV">

谢谢各位,但是还没有解决我的问题..我要使用的是PNG档,而不是gif档,...
我使用的png档将它分成上下两部分,上面一部分有图像,下面一部分没有图像,再给一张图上面部分没有图像,下面部分有图像,当这两张图重叠时得到一张完整的图.(这个我已经实现),可是现在还要加入的是显示时图像需要左右反转,(单独做时可以实现),而将这两项一起实现时,就实现不了了...在下面的例子里,我想在页面的同一个位置上显示三个png档,如下所示,,
<HTML>
<HEAD>
<TITLE>TEST PNG</TITLE>
</HEAD>
<BODY>
<img src="01.png" name="Layer1" id="Layer1" galleryImg="no" style="filter:Alpha(opacity=50 FlipV);position:absolute;top:10px;left:10px;z-index:0;border:solid 1px #ff0000;">
<img src="02.png" name="Layer2" id="Layer2" galleryImg="no" style="filter:Alpha(opacity=50) FlipH;position:absolute;top:10px;left:10px;z-index:0;border:solid 1px #ff0000;">
</BODY>
</HTML>

谢谢各位,但是还没有解决我的问题..我要使用的是PNG档,而不是gif档,...
我使用的png档将它分成上下两部分,上面一部分有图像,下面一部分没有图像,再给一张图上面部分没有图像,下面部分有图像,当这两张图重叠时得到一张完整的图.(这个我已经实现),可是现在还要加入的是显示时图像需要左右反转,(单独做时可以实现),而将这两项一起实现时,就实现不了了...在下面的例子里,我想在页面的同一个位置上显示二个png档,如下所示,,
<HTML>
<HEAD>
<TITLE>TEST PNG</TITLE>
</HEAD>
<BODY>
<img src="01.png" name="Layer1" id="Layer1" galleryImg="no" style="filter:Alpha(opacity=50 FlipV);position:absolute;top:10px;left:10px;z-index:0;border:solid 1px #ff0000;">
<img src="02.png" name="Layer2" id="Layer2" galleryImg="no" style="filter:Alpha(opacity=50) FlipH;position:absolute;top:10px;left:10px;z-index:0;border:solid 1px #ff0000;">
</BODY>
</HTML>

恼火ING....我也没时间去深入的看看....他是先用ALPHA来载入PNG图片而后再要用滤镜来flip操作等等的,麻烦...我也弄糊涂了,大家接着UP..我也闪人...嘻嘻...

ALPHA是对整张图片做透明处理,,而PNG档是在PS中已经设置好了透明部分,,,,
我想用ALPHA可能做不到我要的效果.....

明晚起我加班,给你抽空瞧瞧....如果你那不成的话,我想用JS重写HTML部分应该可以实现.

曰,近来心情极度低落,为了泡MM烦得死...我靠,没玩的,闷....也还为了加不加班犹豫着呐....我靠....
我想你应该用JS来重写相应部分的HTML部分应该可以实现,你不是说了单独的可以实现吗?
就重写innerHTML来吧...

PNG透明// Correctly handle PNG transparency in Win IE 5.5 or higher.
// http://homepage.ntlworld.com/bobosola. Updated 02-March-2004 function correctPNG()
   {
   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
         }
      }
   }
window.attachEvent("onload", correctPNG);

还是没有朋友能帮我解决到这个问题,,,,,,
to: ttyp
png透明的方法我早有实现,,,这个我在上面也有提到,,,,,
还是谢谢你的关注....
应该放弃这种做法了,只得老老实实的一张张做出反转的图片来.........暂不结吧,有会的朋友也请指教..........

你不是说单独的做透明跟反转能成么???那么就是说可以的啊...那只要你重写所有的HTML部分就可以实现了啊....

剛剛又看了一遍貼子,有新發現:
回复人： zhaoxiaoyang(梅雪香@深圳) ( ) 信誉：100 2005-11-26 15:39:00 得分: 0
style="filter:Alpha(opacity=50) FlipH"
用空格分开就可以了
我用空格分了一下我寫的代碼:
img.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+img.src+", sizingmethod=crop) FlipH";OK!!!!沒想到,在這個小地方,@/@,謝謝梅雪香,謝謝各位!!

调试易

如何将PNG档左右反转并透明??

解决方案 »