Gallery:外觀主題:AutoRC JavaScript

這是AutoRC外觀主題的JavaScript源代碼。

 /**
  * 將邊欄或相冊容器的高度設(shè)為較高的那個值
  */
 function setWidthHeights() {
   var sidebar = document.getElementById('sidebar');
   var album = document.getElementById('album');
   // 相片頁面
     var photo = document.getElementById('photo');
     if (photo) {
       var photoWidth = album.offsetWidth - sidebar.offsetWidth;
       photo.style.width = (photoWidth - 18) + 'px';
   // 相冊頁面
   } else {
       var item = getElementsByClassName('item', 'div');
       var albumWidth = album.offsetWidth - sidebar.offsetWidth;
       var columns = Math.floor(albumWidth / item[0].offsetWidth);
       var difference = albumWidth - (columns * item[0].offsetWidth);
       var newItemWidth = (difference / columns) + item[0].offsetWidth - 18;
       for (var i=0; i<item.length; i++) {
         item[i].style.width = newItemWidth + 'px';
       }
   }
   // 將邊欄高度和相冊/相片容器高度設(shè)為均等
   if (sidebar.offsetHeight > album.offsetHeight) {
     album.style.height = sidebar.offsetHeight + 'px';
   } else {
     sidebar.style.height = album.offsetHeight + 'px';   
   }
 }
 function getElementsByClassName(cssclass, element) { 
   var arr = new Array();
   var elem;
   var elems = document.getElementsByTagName(element);
   for (var cls, i = 0; (elem = elems[i]); i++ ) {
     if (elem.className == cssclass) {
       arr[arr.length] = elem;
     }
   }
   return arr;
 }