ソース掲示板




すべてから検索

キーワード   条件 表示 現行ログ 過去ログ トピックス 名前 本文
IE6の為の背景が透明のフルカラーPNGファイル用JavaScript
日時: 2008/12/27 18:24
名前: lightbox



以下の表は、ウチのサイトの11月のアクセスにおける、各ブラウザの比率を
示したものですが、IE6 は、46.24% でまだ利用者の多いブラウザである事
は間違い無いので、背景色が透明で256色を超える画像はまだ使えません。

どうしても使うには、ここで紹介する ie6.php のような方法で利用する
しか、今のところいい案が思い浮かばないです・・・


#Hitsユーザエージェント
145443731.87%Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET
21351989.48%Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1
3857366.01%Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; .NET CLR 2
4677554.75%Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.4) Geck
5670294.70%Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NE
6612464.30%Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.3) Geck
7407422.86%Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1)
8388812.73%Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2
9286572.01%Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; InfoP
10279871.96%Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; .NET CLR 1
11217991.53%Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0)
12195201.37%Mozilla/5.0 (compatible; Yahoo! Slurp; http://help.yahoo.com/
13146641.03%Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.co
14130880.92%ichiro/3.0 (http://help.goo.ne.jp/door/crawler.html)
15117610.82%Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/5
  ie6.php
拡張子:
<?
header( "Content-Type: text/javascript; Charset=shift_jis" );
header( "Expires: Wed, 31 May 2000 14:59:58 GMT" );
$size = getimagesize($_GET['img']);
?>
src="<?= $_GET['img'] ?>";w=<?= $size[0] ?>;h=<?= $size[1] ?>;
<?

$agent = $_SERVER['HTTP_USER_AGENT'];
$agent = strstr($agent, "MSIE 6.0");
if ( $agent === false ) {
?>

document.write(
	"<DIV><IMG border='0' " +
	"src='" + 
	src + 
	"' style=\"width:" +
	w + 
	"px;height:" +
	h +
	"px;\"></DIV>");

<?
}
else {
?>

str="";   
str+="<DIV style=\"width:"+w+"px;height:"+h+"px;\n";   
str+="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( \n";
str+="src='" + src + "', sizingMethod='scale');\"";
if ( "<?= $_GET['cursor'] ?>" != "" ) {
	str+=" style='cursor:<?= $_GET['cursor'] ?>' ";
}
str+="></DIV> ";
document.write(str);

<?
}
?>
以下は実装のサンプルですが、cursor パラメータは IE6 の為に必要です ( cursor パラメータは A を使ってリンクにする時だけ必要です )
拡張子:
<a href="http://winofsql.jp">
<script
	type="text/javascript"
	src="http://winofsql.jp/php/ie6.php?cursor=pointer&img=http%3A%2F%2Fwinofsql.jp%2Fimage%2Flightbox.png"
></script>
</a>
winofsql.jp/php/ie6.php は、実際に存在しますので、ご自由にお使いください。 ( 自分のサイトに置けば、応用ききますが、そこまでする必要も無いですし )
メンテナンス


日時: 2008/12/27 18:24
名前: lightbox