目的地はアウトドアライフ

目的地はアウトドアライフ

カレンダーの背景画像

2006-02-19 11:53:17 | Flash/HTML

ブログ人のカレンダーに背景画像をつけてみました。

以下のスクリプトの背景画像のURLを編集して私リストに追加して下さい。(ブログ人専用です)
追加した私リストはカレンダーよりも後に配置する必要があります。

<SCRIPT type="text/javascript">
<!--
// background-image of calendar
var calImg_url = "url(背景画像のURL)";
var calTbl_obj = null;
var calTbl_flt = "alpha(Opacity=50)";

for(var i=0; i < document.getElementsByTagName("DIV").length; i++ ) {
  var obj = document.getElementsByTagName("DIV")[i];
  if( obj.className.match("module-content")) {
    if ( obj.parentNode.className ) {
      if( obj.parentNode.className.match("module-calendar module")) {

        //background image
        obj.parentNode.style.backgroundImage = calImg_url;
        obj.parentNode.style.backgroundRepeat = "no-repeat";

        //calender table opacity
        if ( document.all && obj.firstChild.nodeName == "TABLE" ) {
          calTbl_obj = obj.firstChild;
          calTbl_obj.style.filter = calTbl_flt;
        }

        // mouse event
        obj.parentNode.onmouseover = function() {
          this.style.backgroundImage= "none";
          if ( calTbl_obj ) {
            calTbl_obj.style.filter = "alpha(Opacity=100)";
          }
        }
        obj.parentNode.onmouseout = function() {
          this.style.backgroundImage= calImg_url;
          if ( calTbl_obj ) {
            calTbl_obj.style.filter = calTbl_flt;
          }
        }
        break;
      }
    }
  }
}
//-->
</SCRIPT>

最新の画像もっと見る

コメントを投稿