wmh

原本有一段是：

if (wDiff != 0) ...

這邊幫 lightbox 加上相同的效果即可：

if (wDiff != 0) {
  new Effect.Scale(this.outerImageContainer, ......);
  $('lightbox').setStyle({ width: widthNew});
}

bau720123

好的~我再多努力找找嘗試看看好了
謝謝您的提醒

wmh

原帖由 bau720123 於 2009-4-22 11:42 發表
謝謝您的回覆
根據您的提示我嘗試自己依樣畫葫蘆改了lightbox.js的某個地方
在原167行
$('outerImageContainer').setStyle({ width: size, height: size });

底下再插入
$('lightbox').setStyle({ width: size, hei ...

嗯，我覺得不是改這個地方喔，你可以找有動畫效果的地方修改。

bau720123

最新的回覆

在#9的程式碼改完後的最新狀況如下
IE6:維持置中
IE7:維持置中
IE8:靠右對齊
FF3:靠右對齊
Sa3:靠右對齊
Ch2:靠右對齊
Op9:靠右對齊

值得令人高興的一點就是
IE8終於有點進步
但是IE8的畫面顯示跟特效顯現~ㄎㄟˇㄎㄟˇ的耶

[ 本帖最後由 bau720123 於 2009-4-23 10:38 編輯 ]

bau720123

謝謝您的回覆
根據您的提示我嘗試自己依樣畫葫蘆改了lightbox.js的某個地方
在原167行
$('outerImageContainer').setStyle({ width: size, height: size });

底下再插入
$('lightbox').setStyle({ width: size, height: size });

想不到出現了令人噴飯的結果
改的不對請見諒^^|||
分享給您了解看看

第一張圖--是在IE6底下的結果


第二張圖--是在FF3底下的結果


回家後我也灌灌看IE8瀏覽器~如果IE8可以跟FF3或是其它流覽器顯示一樣
那就不用再多費功夫在那邊校調了--畢竟IE8會是以後新作業系統的主流瀏覽器吧!!

[ 本帖最後由 bau720123 於 2009-4-22 11:56 編輯 ]

wmh

嗯，我知道原因了，因為 IE6,7 給 width auto 時，是 100%

你可以試著改一下程式，在 outerImageContainer 改變寬度時，一起改變 lightbox 的寬度，應該可以解決。

bau720123

謝謝您的回復
現在改過後狀況比較尷尬了

改過之後的狀況如下
IE6:維持置中
IE7:維持置中
IE8:不知道--事後報告(目前沒用過8版瀏覽器)
FF3:靠右對齊
Sa3:靠右對齊
Ch2:靠右對齊
Op9:靠右對齊

IE有時候還滿討厭的說^^|||

[ 本帖最後由 bau720123 於 2009-4-21 17:46 編輯 ]

wmh

喔，因為我是直接在 client 端用 Firefox 改的，所以只調整了最後的結果。

lightbox 的 js 會去修改 element 的屬性，所以如果要靠右的話，得調整一下程式。

lightbox.js 第 233 行：

this.lightbox.setStyle({ top: lightboxTop + 'px', left: lightboxLeft + 'px' }).show();

改為：

this.lightbox.setStyle({ top: lightboxTop + 'px'}).show();

bau720123

謝謝您的回復
不過改完之後出現的位置還是維持置中耶
瀏覽器測試:IE6;FF3

原本
#lightbox{        position: absolute;        left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

後來
#lightbox{        position: absolute;        left: auto; width: auto; z-index: 100; text-align: center; line-height: 0; right:0; }

不知道您那邊的狀況是會變成靠右嗎??怪怪!@#$%^^|||

[ 本帖最後由 bau720123 於 2009-4-20 12:22 編輯 ]

wmh

ok, 我重新看了一次，有了新的想法，之前的 CSS 可先忘記。直接使用以下方式吧：

#lightbox {
  left: auto; /* 原本是 0 */
  width: auto; /* 原本是 100% */
  right: 0; /* 這樣就靠右了 */
}