Popups

Report · Sep 26, 2018

I have a client that needs a jpg to popup on the home page five seconds after it loads. Anyone have suggested code I can use to accomplish this? Dreamweaver CC 2018.

Report · Sep 26, 2018

Any good with code? You can use the setTimeOut function in javascript - example below will provide you a solution:

<!DOCTYPE html>

<head>

crossorigin="anonymous"></script>

$(document).ready(function(){

$('.pop_up').hide();

setTimeout(function(){

$('.pop_up').fadeIn();

}, 5000);

$('.close_pop_up').css('cursor' , 'pointer').click(function(){

$('.pop_up').fadeOut();

});

</script>

<style>

body {

margin: 0;

}

.pop_up {

position: fixed;

width: 100%;

height: 100%;

background-color: rgba(0, 0, 0, 0.5);)

}

.pop_up_content {

width: 300px;

margin: 0 auto;

text-align: center;

padding: 25px;

background-color: #fff;

position: relative;

top: 50%;

transform: translateY(-50%);

}

</style>

</head>

<body>

<button class="close_pop_up">Close</button>

</div>

</div>

</body>

</html>

Report · Sep 26, 2018

Thank you!

Where do I insert the link for the .jpg to show?

Report · Sep 26, 2018

You would insert your image link as below:

<button class="close_pop_up">Close</button>

</div>

Report · Sep 26, 2018

Try this.

javascript - Creating a modal window on page load - Stack Overflow

Or if you use Bootstrap layouts

open bootstrap modal on page load

Nancy O'Shea— Product User, Community Expert & Moderator

Popups

1 Correct answer