Banner pubblicitari

[maxcondor]

Non so se è la sezione giusta ma ci provo.
In alcuni siti appaiono automaticamente in sovrimpressione dei banner pubblicitari che si chiudono automaticamente dopo tot secondi oppure cliccando sull'apposito pulsante.
Penso che ovviamente vengano utilizzati i css.
Dove posso reperire qualche tutorial/esempio?

[Mich_]

Con i CSS da soli non si puo` fare. E` necessario un minimo di JS.
Sposto in quel forum.

Pero` ti consiglio una ricerca nel forum: e` una domanda gia` fatta varie volte, quindi dovresti trovare la risposta gia` pronta.

[maxcondor]

allora ho trovato questo esempio funzionante
codice javascript

$(function() {
	$("a[rel]").overlay({
		expose: '#EFEFEF',
		effect: 'apple',
		onBeforeLoad: function() {
			var wrap = this.getContent().find("div.wrap");
			wrap.load(this.getTrigger().attr("href"));
		},
		onClose: function() {$("div.wrap").empty();}
	});
	
});

la funzione viene però generata da un link

guarda

come faccio a far aprire automaticamente il pop up senza cliccare sul link?

[maxcondor]

[maxcondor]

Non ci riesco proprio, qualcuno può darmi una mano? Sento di essere vicino alla soluzione ma

[maxcondor]

ma possibile che nessuno ha avuto l'esigenza di aprire pop up in overaly?

[domedim]

ho anch'io lo stesso tuo problema, nella casella di ricerca in questo stesso forun ho inserito questo testo "popup automatico" e ne ho trovato 2, di cui quello interessante è di Denos89
soltanto che da principiante non so come completarlo e sistemarlo, ma tu da esperto senz'altro saprai farlo.
Se ci riesci lo puoi comunicare anche a me?
grazie

[cavicchiandrea]

cosi hai provato:

$(document).ready(
function() {
	$("a[rel]").overlay({
		expose: '#EFEFEF',
		effect: 'apple',
		onBeforeLoad: function() {
			var wrap = this.getContent().find("div.wrap");
			wrap.load(this.getTrigger().attr("href"));
		},
		onClose: function() {$("div.wrap").empty();}
	});
	
});

P.S. Sempre che stiamo parlando di jquery con mootools cambia l'evento onload

[maxcondor]

Originariamente inviato da cavicchiandrea
cosi hai provato:

$(document).ready(
function() {
	$("a[rel]").overlay({
		expose: '#EFEFEF',
		effect: 'apple',
		onBeforeLoad: function() {
			var wrap = this.getContent().find("div.wrap");
			wrap.load(this.getTrigger().attr("href"));
		},
		onClose: function() {$("div.wrap").empty();}
	});
	
});

P.S. Sempre che stiamo parlando di jquery con mootools cambia l'evento onload

Si così ho provato e funziona, ma per l'apertura del pop-up si richiede il clic su un href.
Volevo appunto modificare questo script e fare in modo che il pop-up si aprisse automaticamente. Ancora però non trovo la soluzione

[Xinod]

allora il modo piu' semplice e' simulare un click su di un link

$(document).ready(
function() {
	$("a[rel]").overlay({
		expose: '#EFEFEF',
		effect: 'apple',
		onBeforeLoad: function() {
			var wrap = this.getContent().find("div.wrap");
			wrap.load(this.getTrigger().attr("href"));
		},
		onClose: function() {$("div.wrap").empty();}
	});
	$(window).load(function(){$('#idTuoLink').trigger('click')})
});

il link puoi anche pensare di nasconderlo con i css