下記のコードは、ボタンを押すと、テキストエリアの中央で画像が10秒後に切り替わるものです。
このように、画像をbackgroundとして使う場合に、テキストボックスの中央で画像の形状(*circle1(),
circle2()内の画像は、ともに"丸形”)も変えるには、どのように書けばいいのか分かりません。
分かる方は、教えていただけませんでしょうか。
<SCRIPT LANGUAGE="JavaScript">
<!--
function circle1(){
document.getElementById('textArea').style.backgroundImage="url(https://〇〇〇.jpg)";
document.getElementById('textArea').style.backgroundRepeat="no-repeat";
document.getElementById('textArea').style.backgroundSize=80;
document.getElementById('textArea').style.backgroundPosition="center center";
setTimeout('circle2()',10000);
}
function circle2(){
document.getElementById('textArea').style.backgroundImage="url(https://×××.jpg)";
document.getElementById('textArea').style.backgroundRepeat="no-repeat";
document.getElementById('textArea').style.backgroundSize=80;
document.getElementById('textArea').style.backgroundPosition="center center";
}
//-->
</script>
<center>
<textarea id="textArea" rows=20 cols=60></textarea>
<br><br>
<INPUT TYPE="button" ONCLICK="circle1();" value="ボタン">
</center>