2012-04-27 35 views
0

這這裏是暴雪官方暗黑3頁:HTML頁面+ JS/FLASH Videoplayer?他是怎麼做的?

http://us.blizzard.com/en-us/games/d3/

並在其上使用兩種技術,我一直在研究在過去的兩個小時,但我無法找到任何。

一個是在右上角的Flash播放器。它完美地融合了背景,沒有框架,沒有按鈕,沒有任何東西!我在哪裏可以找到coed這樣做?到處搜索。

另一個就在那個視頻播放器的下方。當你將鼠標懸停在它上面時,它會增加亮度,並且會繼續播放預告片部分的GIF圖像。暴雪如何做到這一點?

您的幫助是非常感謝。我會在G上搜索另外兩個小時,看看我是否找到任何東西。如果我這樣做,我會在這裏向任何可能感興趣的人報告。如果有人知道這個答案,請分享,這將意味着我的世界!

謝謝,堆棧!

編輯:

這裏是他們的視頻播放器的.js文件,如果有人需要它額外的細節:

http://us.media.blizzard.com/global-video-player/global-video-player.js

回答

0

閃存只顯示按鈕,如果你專門把他們在舞臺上。因此,他們可能只是將背景圖片放在沒有按鈕的舞臺上,然後將Flash元素放在頁面上,以便與頁面上的圖片排列在一起。在這種情況下可以使用透明背景技巧,但這似乎比確保圖像排列更難。

至於下面的視頻播放器,呃,這也是Flash。我不知道你有什麼感覺,有涉及的GIF圖像。只需在代碼中添加一些mouse_over/mouse_out事件即可。

+0

感謝您花時間回答。對此,我真的非常感激。我在哪裏可以找到可以做每一個的Flash代碼?我非常喜歡這些效果,以及它們如何融入其中,使頁面看起來更加活躍。我正在尋找正確的代碼,但仍然沒有運氣 – user1157404 2012-04-27 15:39:22

0

1)使用CSS定位背景圖像和閃光燈。

2)在ActionScript中使用onRollOver和onRollOut事件。

0

RE:無縫的Flash播放器集成

筆者精確地定位在Flash的SWF,使其看起來與背景結合起來。請參閱:

注意的SWF如何擁有自己的背景舞臺形象。另一種可能是使用<param name="wmode" value="transparent">,然後確保閃光燈舞臺也是透明的。通過這樣做,CSS背景將顯示出來。這種方法雖然會有一些限制。

RE:懸停

亮度增加這在閃存使用ActionScript也做。看到這裏的SWF:

的亮度增加直接加載SWF甚至當,所以它必須在動作完成。

請注意,您可以通過使用FireBug(Firefox)的檢測器工具或Chrome的內置developer tools瞭解您遇到的任何頁面中使用的技術。這就是我解析這個網頁的方法,因爲所顯示的效果可以通過多種方式完成(這就是爲什麼你會得到各種答案)。

+0

哇,非常感謝kaliatech!我開始一點一點地進入這個領域,你是一個巨大的幫助!我會嘗試在我的網站上覆制此內容,然後在此處發帖。如果您有任何其他有價值的提示,我會永遠感激,如果你分享給大家看!再次感謝! – user1157404 2012-04-27 16:19:05