How to add a background image to section changer

This is how to add a background image to section changer.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
//index.html
<div id="pageIndicatorPage" class="ui-page" data-enable-page-scroll="false">
    <header class="ui-header">
        <h2 class="ui-title">Page Indicator</h2>
    </header>
    <div id="pageIndicator" class="ui-page-indicator"></div>
    <div id="hsectionchanger" class="ui-content">
        <div>
            <section class="ui-section-active" style="text-align:center" >
                <h3> Page1 of 5</h3>
            </section>
            <section style="text-align:center">
                <h3> Page2 of 5</h3>
            </section>
            <section style="text-align:center">
                <h3> Page3 of 5</h3>
            </section>
            <section style="text-align:center">
                <h3> Page4 of 5 </h3>
            </section>
            <section style="text-align:center">
                <h3> Page5 of 5 </h3>
            </section>
        </div>
    </div>
    
    <script>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Tags :
Web