Java腳本 - 將圖片加載到媒體資源中

我在網頁中使用了Snowstorm.js javascript文件。Java腳本 - 將圖片加載到媒體資源中

當前源允許您更改「雪花」顯示爲的字符。但是，我希望能夠將雪花的屬性改變爲我創造的雪花圖像。

您可以編輯源代碼，這是設置要顯示的字符的行。

this.snowCharacter = '&bull;'; // &bull; = bullet, &middot; is square on some systems etc.

有沒有什麼辦法可以改變這種顯示圖像，而不是一個字符，如果是這樣，這是怎麼完成的？我之前從未使用過Javascript，因此對於任何幫助或指示我都會非常感激。

來源

2013-05-08 Ewan

它看起來像Snowstorm.js可能已經有這樣做的功能。你見過在http://www.bozo.us/Javascript/snowstorm/發佈的信息嗎？該頁面顯示：

文件結構

腳本由默認查找下./image/snow/雪圖像，如下圖所示。如果需要，可以在用戶可配置部分更改。

這似乎對應於在頁面的底部所提及的更新你的聯繫，它說：

1.2.20041121a

腳本移動到一個文件中（snowstorm.js）爲簡單起見

的addEventHandler和PNG支持功能更新

可能有大量的hacky方式在JavaScript中這樣做，但也許這會導致您找到一個乾淨的解決方案。祝你好運！

來源

2013-05-08 18:52:01 maaachine

正是我在找的東西。非常感謝你！ – Ewan 2013-05-09 18:20:25

發現這些線路

this.o = document.createElement('div'); 
this.o.innerHTML = storm.snowCharacter; 
this.o.style.color = storm.snowColor; 
this.o.style.position = (fixedForEverything?'fixed':'absolute'); 
this.o.style.width = storm.flakeWidth+'px'; 
this.o.style.height = storm.flakeHeight+'px'; 
this.o.style.fontFamily = 'arial,verdana'; 
this.o.style.cursor = 'default'; 
this.o.style.overflow = 'hidden'; 
this.o.style.fontWeight = 'normal'; 
this.o.style.zIndex = storm.zIndex;

的「O」這裏是你的div元素。您可以通過加入這一行添加它的類：

this.o.className = "myClass";

若要刪除字符刪除此行：

this.o.innerHTML = storm.snowCharacter;

比你可以風格的CSS的雪花，你知道它的方式。只要給它一個背景圖片。您也可以刪除設置顏色，寬度和高度的線條，並使用CSS設置它們的樣式。

來源

2013-05-08 18:53:41

我在哪裏設置背景圖像？我對你答案的第二部分有點困惑。 – Ewan 2013-05-10 19:54:52

您已將第一個答案標記爲正確，我自己認爲它比我的好。使用插件的功能會更好。 – 2013-05-10 21:57:17

-1

使用Unicode '❄'代替'•'在原來的行是這樣的：

this.snowCharacter = '❄';

這將輸出雪花'❄'字符如上，而不是項目符號點。

，你可能還需要增加這些值到16左右：

this.flakeWidth = 8;
this.flakeHeight = 8;

來源

2014-12-18 10:58:31 snowman

Java腳本 - 將圖片加載到媒體資源中

回答

相關問題