CODEWITHSUNDEEP
javascriptjquery
neeraja
neeraja

Reputation: 19

How to display page onload popup?

I am using below code for onclick popup, but I need the same popup for onload - how can I solve this problem?

 <div class="app">
        <div class="canvas">

                <a href="#explode" class="ui--button" onclick="document.getElementById('boooom').setAttribute('src', 'assets/img/explode-med.gif');">Demo &mdash; Explode Modal</a>


        </div>
    </div>
    <div id="explode" class="ui--modal explode">
        <div>
            <a href="#close" class="material-icons ui--close">clear</a>
            <h4>Boooooom!!!</h4>
          <img src="assets/img/e2dshop.jpg"  >
            <!--<a href="#close" class="ui--button alt">close</a>-->
        </div>
        <div class="bg">
            <img src="assets/img/explode-med.gif" id="boooom">
        </div>  
    </div>

Upvotes: 0

Views: 121

Answers (2)

Bhavik
Bhavik

Reputation: 503

Try this

$(document).ready(function() {
    $(".ui--button").click();
});

Upvotes: 0

softbrewery
softbrewery

Reputation: 501

Try this solution

<script> 
 jQuery('window').on('load', function(){
   jQuery('#boooom').attr('src', 'assets/img/explode-med.gif');
 });
</script>

As well include jQuery lib.

Upvotes: 1

Related Questions