[Help] html popup
2015-11-21, 01:02 AM,
#1
Hi,

I need a simple html popup script that will let me popup ads on my website.
After hours of searching, I can't believe I can't find one good, simple solution for me.

1. I need something that loads on page-load (after a delay of a few secs) [and not on link/image-click]
2. Will allow me to load content via iFrame (i.e not inline content, preferably)
3. Smooth, fast & clean looking - preferably one like the jQuery lightbox popups which look so cool.

All the modal pop-ups I find online load only on link-clicks. I was trying Magnific-popups, but customizing it to my needs seems too difficult. Right now, I have managed to load a test page as a popup - but the size of the popup is full-screen and it looks horrible.

If somebody can just give me code where - all I do is - add the href for the popup content and add the code to my website, I would be really thankful.

Thanks.
Reply
2015-11-21, 01:47 AM, (This post was last modified: 2015-11-21, 05:25 AM by t4nk.)
#2
Updated using iframe fade in after load

...the important part in the code is the inline js code, first line " $( window ).load(function() { " which tells the code inside following {} to fire only after the page loads. change "http://cpagrip.com" to whatever url you need and you can style the iframe however you want. in the javascript inline code, the "1000" is the timing in ms of the fadeIn, and the 3000 is for the delay. edit it however you want. save contents of code below as .html file and run it to see how it looks. Don't forget to click "Thanks" if this helps you out :)
Register or login to see this content
Latest Thanks - View all

sumitjoshia(2017-08-05 06:50 AM) pepeneo(2016-06-26 03:01 PM) Aezakmi(2015-12-04 06:13 PM) adarshawasthi5(2015-11-22 12:50 AM) Doge_(2015-11-21 10:32 PM) Keris(2015-11-21 07:44 AM) XFire(2015-11-21 06:08 AM) 
Reply
2015-11-21, 06:20 AM,
#3
(2015-11-21, 01:47 AM)t4nk Wrote: Updated using iframe fade in after load

...the important part in the code is the inline js code, first line " $( window ).load(function() { " which tells the code inside following {} to fire only after the page loads. change "" to whatever url you need and you can style the iframe however you want. in the javascript inline code, the "1000" is the timing in ms of the fadeIn, and the 3000 is for the delay. edit it however you want. save contents of code below as .html file and run it to see how it looks. Don't forget to click "Thanks" if this helps you out :)

Thanks a looot. This is just what I was looking for.
Reply
2015-11-21, 06:16 PM,
#4
if you're using wordpress, look up popup plugins and you'll find a ton that will let you do this.
Reply


Possibly Related Threads...
Thread Author Replies Views Last Post
  Where should I put <script> tags in HTML? Pirata 5 185 2017-12-03, 11:38 AM
Last Post: Pirata
  Help converting Instapage to HTML Leo 4 431 2017-04-19, 07:25 PM
Last Post: EnChanter
  [Urgent] Help With HTML (Form to Email) IndeXer 5 285 2017-02-01, 01:55 AM
Last Post: IndeXer
  How to make html (php) file loads random js files every time reloading the page? immart247 8 420 2017-02-01, 01:47 AM
Last Post: CharlieHarper
  Alternatives to cpagrip (custom html/css lockers) ArtoAllan 22 3,718 2016-12-17, 07:48 PM
Last Post: COBNET





About Us | Contact Us | CPA Elites | Advertise | Stats | Staff Team

© 2013-2017 CPA Elites Ltd
Enhanced by MyBB and WallBB
Return to top