Not sure if this is the right place to ask. I was trying to do the same pop up intro image like on this page:
http://4wheelonline.com/Towing/Blue_Ox.207713
Anyone got some idea? TIA
Printable View
Not sure if this is the right place to ask. I was trying to do the same pop up intro image like on this page:
http://4wheelonline.com/Towing/Blue_Ox.207713
Anyone got some idea? TIA
Try thisCode:<script>
function popup_img() {
var layer=document.createElement("div");
layer.id="layer_id";
layer.style.position="absolute";
layer.style.left=0;
layer.style.top=0;
layer.style.right=0;
layer.style.bottom=0;
layer.style.background="black";
layer.style.opacity=0.5;
var popup_img = document.createElement("div");
popup_img.id="the_popup_img"
popup_img.style.position="absolute"
popup_img.style.left="50%";
popup_img.style.top="50%";
popup_img.style.maxWidth="500px";
popup_img.style.transform="translatex(-50%) translatey(-50%)";
popup_img.innerHTML="<div style='position: relative; color: white; float: right; cursor: pointer; font-family: verdana; font-size: 1em; border: 1px solid white; border-radius: 40px; padding: 5px; width: 20px; top: 35px; text-align: center' onclick='document.body.removeChild(document.getElementById(\"layer_id\")); document.body.removeChild(document.getElementById(\"the_popup_img\"))'>X</div><img alt='' src='http://wierdenland.nl/jupiter.jpg' style='width: 100%'>"
document.body.appendChild(layer);
document.body.appendChild(popup_img);
}
setTimeout(popup_img,2000)
</script>
First, you must consider what makes people sign up to your list? Everyone is quite overwhelmed with email as it is. If we’re going to give up our email address, it better be for a good reason. This “good reason” is often what’s called a lead magnet, a freebie that someone receives after subscribing. It can be an ebook, a special insider training, video course, or it can even be non-digital.