第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Onclick - 更改元素的背景圖像

Onclick - 更改元素的背景圖像

達令說 2021-07-14 13:09:14
單擊照片會執(zhí)行疊加/彈出照片。我想更改彈出照片的背景圖像以匹配鏈接它的 < a > 的背景圖像。這個問題已經(jīng)被問過很多次了,但我無法拼湊出正常運行的代碼。我也想避免使用任何包,如果可能的話,只使用 css 是理想的,比如onclick="document.getElementById("photoEnlarged")style.backgroundImage = 'cardinal2'"調(diào)用函數(shù)的 div:    <div class="photoFrame">        <a onclick="myFunction('cardinal2')" href="#photoEnlarged">            <img class="imgBird" src="Cardinal1.jpg">        </a>    </div>功能:<script>    function myFunction(newURL) {        var x = document.getElementById("photoEnlarged");        x.style.backgroundImage = newURL;    };</script>正在更改的元素的 CSS:#photoEnlarged {     height: 635px;     width: 850px;     margin: 0 auto;    position: relative;     z-index: 10;     display: none;     background: url(Cardinal1.jpg);    background-size: cover;     border-color: #FFFFFF;    border-style: double;    border-width: 5px;}本網(wǎng)頁的目錄:
查看完整描述

3 回答

?
守候你守候我

TA貢獻1802條經(jīng)驗 獲得超10個贊

查看現(xiàn)有的 CSS:

url(Cardinal1.jpg)

現(xiàn)在看看你分配的值:

cardinal2

你錯過了url()部分文件擴展名。


關(guān)于您的編輯:

 x.style.backgroundImage = URL(newURL);

JavaScriptURL函數(shù)將創(chuàng)建一個新的 URL 對象。

你不想那樣。

您需要一個在開始和結(jié)束處帶有和的字符串。url()

x.style.backgroundImage = "url(" + newURL + ")";


查看完整回答
反對 回復 2021-07-15
?
HUH函數(shù)

TA貢獻1836條經(jīng)驗 獲得超4個贊

這是我最終使用的確切函數(shù)/調(diào)用:


功能:


<head>

    <script>

        function changeImg(imgURL) {

            document.getElementById('photoEnlarged').style.backgroundImage = 'url(' + imgURL +' )';

        }

    </script>

</head>

調(diào)用函數(shù):


    <div class="photoFrame">

        <a onclick="changeImg('YellowCrownedNightHeron1.jpg')" href="#photoEnlarged">

            <img class="imgBird" src="YellowCrownedNightHeron1.jpg">

        </a>

    </div>


查看完整回答
反對 回復 2021-07-15
  • 3 回答
  • 0 關(guān)注
  • 239 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號