バックグラウンドを切り替えるにはどうすればよいですか？

Question

私は、移動のためにTodd Motoのflaunt.jsを使用しています。ハンバーガー画像を別の画像で切り替えることを望んでいます。

デモはここにある：

https://toddmotto.com/labs/flaunt-js

チュートリアルはここにある：

https://toddmotto.com/flaunt-js-for-stylish-responsive-navigations-with-nested-click-to-reveal

Answer 1

はい、CSSの背景画像を変更する方法はたくさんあります。直接設定することができます。

例：

HTML：<div id='my-box'></div> CSS：

#my-box { 
    height: 518px; 
    width: 800px; 
} 

JS：

document.querySelector('#my-box').style.backgroundImage = 
    'url(' + 
    'https://www.thebigduck.us/content/themes/big-duck/dist/images/dp03_v2.jpg' + 
    ')'; 

フィドル：https://jsfiddle.net/jmz20uhy/