Soldato
I'm looking to have a CSS popup on a sites homepage displaying a current offer. What's the best and cleanest way of doing this?
Popup advert/offer on homepage
- Thread starter Russinating
- Start date
Trying to use Lightbox2 which is working fine but can't get it to popup onload.
Soldato
Should be a start(); function which you can call from within the JQ $(document).ready event.
Personally i use ColorBox and use the open option.
Personally i use ColorBox and use the open option.
Soldato
I don't think there's a CSS only way as the popup would appear on every page. You need some method of remembering that the user has seen the popup, so javascript is normally used to set a cookie.
With that in mind, try Fancybox 2.
With that in mind, try Fancybox 2.
Soldato
I'm a big fan of reveal because it's very lightweight.
I've not actually tested it, but I would do something simple like the following (using reveal and jquery cookies)..
I've not actually tested it, but I would do something simple like the following (using reveal and jquery cookies)..
Code:
// if cookie doesn't exist, fire the modal and set cookie
if ($.cookie('offer').length == 0){
$('#offer').reveal();
$.cookie('offer', 'seen', { expires: 7 });
}
Last edited:
^^ Perfect, thanks Trip. I don't think I need to use cookies at the moment though but great to know it's an option (the offer will only be displayed on the prices page).
Soldato
I'd seriously consider using cookies, as people tend to find persistent popups annoying.
At the very least, you could set a session cookie. That way, they won't see the popup again for the duration of their visit (ie: if they refresh the page, or go to another page and then back again), but will see it again if they return later on.
At the very least, you could set a session cookie. That way, they won't see the popup again for the duration of their visit (ie: if they refresh the page, or go to another page and then back again), but will see it again if they return later on.