卖逼视频免费看片|狼人就干网中文字慕|成人av影院导航|人妻少妇精品无码专区二区妖婧|亚洲丝袜视频玖玖|一区二区免费中文|日本高清无码一区|国产91无码小说|国产黄片子视频91sese日韩|免费高清无码成人网站入口

如何使用Dreamweaver制作圖片瀏覽器

更改頁面背景顏色在制作圖片瀏覽器之前,我們首先需要將頁面的背景顏色更改為黑色。這樣可以滿足我們對于美觀的要求,當然你也可以根據個人喜好設置其他顏色。只需點擊頁面屬性,即可修改背景顏色。插入表格首先,在

更改頁面背景顏色

在制作圖片瀏覽器之前,我們首先需要將頁面的背景顏色更改為黑色。這樣可以滿足我們對于美觀的要求,當然你也可以根據個人喜好設置其他顏色。只需點擊頁面屬性,即可修改背景顏色。

插入表格

首先,在Dreamweaver中插入一個2行1列的表格。選擇菜單欄上的“插入”選項,并打開“插入表格”對話框,將表格寬度設置為700像素。

插入圖片

現(xiàn)在,我們已經成功插入了表格。接下來,選中表格的第一行,并在菜單欄上選擇“插入-圖像”。插入所需的圖片后,將其設置為水平居中對齊。

插入縮略圖表格

在表格的第二行插入一個1行3列的表格,用于顯示縮略圖。將光標移動到表格的第二行,然后選擇“插入-表格”。將表格邊框設置為10像素,并將寬度設置為100%。

插入縮略圖

在第一個單元格中插入一個圖片作為第一個縮略圖。使用同樣的方法插入其他三個縮略圖。

插入AP Div

插入一個AP Div,并設置其大小以覆蓋電視機屏幕的尺寸。這樣,我們可以在AP Div中插入圖片,實現(xiàn)類似電視機播放效果。

添加行為

將其中一張圖片的id設置為"dianshi",然后選中這張縮略圖,并給它添加一個行為。

打開行為窗口

在Dreamweaver的窗口菜單中,勾選“行為”窗口,以便進行后續(xù)操作。

添加交換圖像行為

在行為窗口中,點擊添加按鈕,并選擇"交換圖像"。接著打開交換圖像對話框,在已有的圖片中選擇"dianshi",并將原始檔設置為要展示的另一張圖片。最后,點擊確定即可完成設置。

設置其他縮略圖行為

使用相同的方法,為其他三個縮略圖也添加交換圖像的行為。這樣,就能夠實現(xiàn)圖片的切換效果了。

通過以上步驟,我們可以輕松使用Dreamweaver制作出一個簡單的圖片瀏覽器,讓用戶通過點擊縮略圖來展示不同的圖片。這種效果簡單而實用,為網站增添了更多的交互體驗。

標簽: