Dreamweaver怎麼交換圖像

“交換圖像”行爲通過改變標籤的src屬性將一幅圖像替換成爲另外一幅圖像。使用此行爲可以創建鼠標經過按鈕的效果以及其它圖像效果,也可以一次交換多幅圖像。下面是小編爲大家帶來的關於Dreamweaver怎麼交換圖像的知識,歡迎閱讀。

Dreamweaver怎麼交換圖像

  一、Dreamweaver交換圖像行爲

1. 在文檔中插入圖像。

2. 在屬性面板的“ID”文本框中輸入圖像的ID。

3. 重複第1步和第2步插入其它圖像。

4. 選擇一個要交換的`圖像。

5. 打開行爲面板。

6. 點擊“添加行爲(+)”按鈕,在彈出的下拉菜單中選擇“交換圖像”命令,如下圖所示:

Dreamweaver怎麼交換圖像 三聯

7. 打開“交換圖像”對話框,如下圖所示:

圖像:選擇一個需要改變其源文件的圖像。

設定原始檔爲:輸入新圖像的文件路徑和名稱,或者點擊“瀏覽”按鈕選取一個新的圖像文件。

預先載入圖像:選擇此項可以將新圖像預先加載到瀏覽器緩存中,防止圖像延遲。

8. 在“交換圖像”對話框中再設置“圖像 "img1"”,如下圖所示:

Dreamweaver交換圖像行爲

提示:對於所有需要更改的其它圖像重複第8步即可,同時對於所有需要更改的圖像都要使用相同的“交換圖像”動作,就是在“交換圖像”對話框中的設置都要一樣,否則,相應的“恢復交換圖像”動作就不能全部恢復它們。

9. 單擊“確定”按鈕。

10. 查看附加的事件是否是需要的事件,如下圖所示:

如果不是需要的事件,可以更改事件。

11. 查看行爲參數是否合適。如果不合適,也可以修改行爲參數。