vb.org Archive - PHP - PNG Transparency hack....

I also have a big dislike to IE, but as a designer of a range of sites, I have to support it, and as 90% of the world still uses IE, why not just process the output of the vB rendering process thru this function ...

PHP Code:


		
			
<?php

/*

* replacePngTags - Justin Koivisto [W.A. Fisher Interactive] 7/1/2003 10:45AM

*

* Modifies IMG tags for MSIE5+ browsers to ensure that PNG-24 transparencies

* are displayed correctly. Replaces original SRC attribute with a transparent

* GIF file (spacer.gif) that is located in the same directory as the orignal

* image, and adds the STYLE attribute needed to for the browser. (Matching

* is case-insensitive.

*

* @param $x String containing the content to search and replace in.

* @result Returns the modified string.

*/

function replacePngTags($x){

    // make sure that we are only replacing for the Windows versions of Internet

    // Explorer 5+, and not Opera identified as MSIE

    $msie='/msie\s([5-9])\.?[0-9]*.*(win)/i';

    $opera='/opera\s+[0-9]+/i';

    if(!isset($_SERVER['HTTP_USER_AGENT']) ||

        !preg_match($msie,$_SERVER['HTTP_USER_AGENT']) ||

        preg_match($opera,$_SERVER['HTTP_USER_AGENT']))

        return $x;



    // OK, time to find all the IMG tags with ".png" in them

    preg_match_all('/<img.*\.png.*>/Ui',$x,$images);

    while(list($imgnum,$v)=@each($images[0])){

        $original=$v;

        $atts=''; $width=0; $height=0;

        // If the size is defined by styles, find

        preg_match_all('/style=".*(width: ([0-9]+))px.*'.

                     '(height: ([0-9]+))px.*"/Ui',$v,$arr2);

        if(is_array($arr2) && count($arr2[0])){

            // size was defined by styles, get values

            $width=$arr2[2][0];

            $height=$arr2[4][0];

        }

        // size was not defined by styles, get values

        preg_match_all('/width=\"?([0-9]+)\"?/i',$v,$arr2);

        if(is_array($arr2) && count($arr2[0])){

            $width=$arr2[1][0];

        }

        preg_match_all('/height=\"?([0-9]+)\"?/i',$v,$arr2);

        if(is_array($arr2) && count($arr2[0])){

            $height=$arr2[1][0];

        }

        preg_match_all('/src=\"([^\"]+\.png)\"/i',$v,$arr2);

        if(isset($arr2[1][0]) && !empty($arr2[1][0]))

            $image=$arr2[1][0];

        else

            $image=NULL;



        // We do this so that we can put our spacer.gif image in the same

        // directory as the image

        $tmp=split('[\\/]',$image);

        array_pop($tmp);

        $image_path=join('/',$tmp);

        if(strlen($image_path)) $image_path.='/';



        // end quote is already supplied by originial src attribute

        $replace_src_with=$image_path.'spacer.gif" style="width: '.$width.

            'px; height: '.$height.'px; filter: progidXImageTransform.'.

         'Microsoft.AlphaImageLoader(src=\''.$image.'\', sizingMethod='.

            '\'scale\')';



        // now create the new tag from the old

        $new_tag=str_replace($image,$replace_src_with,$original);



        // now place the new tag into the content

        $x=str_replace($original,$new_tag,$x);

    }

    return $x;

}

?>

or if that causes a performance hit (which it might/will for IE users), add the function itself to includes/functions.php, and add the function call manually to the individual locations where you have

Code:

<img src="someimage.png" alt="image with transparency" />

I don't see it as a big issue at all ... if IE can't handle it, then force IE to handle it ... but there is a tool to deal with it built into IE - a filter Microsoft.AlphaImageLoader which will properly render the transparency ...

originally posted on vb.com ... http://www.vbulletin.com/forum/showp...5&postcount=20

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)bbcode_php_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

X vBulletin 3.8.12 by vBS Debug Information

Page Generation 0.00993 seconds
Memory Usage 1,767KB
Queries Executed 10 (?)

More Information

Template Usage:

(1)ad_footer_end
(1)ad_footer_start
(1)ad_header_end
(1)ad_header_logo
(1)ad_navbar_below
(1)bbcode_code_printable
(1)bbcode_php_printable
(1)bbcode_quote_printable
(1)footer
(1)gobutton
(1)header
(1)headinclude
(6)option
(1)post_thanks_navbar_search
(1)printthread
(10)printthreadbit
(1)spacer_close
(1)spacer_open

Phrase Groups Available:

global
postbit
showthread

Included Files:

./printthread.php
./global.php
./includes/init.php
./includes/class_core.php
./includes/config.php
./includes/functions.php
./includes/class_hook.php
./includes/modsystem_functions.php
./includes/class_bbcode_alt.php
./includes/class_bbcode.php
./includes/functions_bigthree.php

Hooks Called:

init_startup
init_startup_session_setup_start
init_startup_session_setup_complete
cache_permissions
fetch_threadinfo_query
fetch_threadinfo
fetch_foruminfo
style_fetch
cache_templates
global_start
parse_templates
global_setup_complete
printthread_start
bbcode_fetch_tags
bbcode_create
bbcode_parse_start
bbcode_parse_complete_precache
bbcode_parse_complete
printthread_post
printthread_complete

Messages:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.00993 seconds Memory Usage 1,767KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)bbcode_php_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: