Vorrei che appena si aprisse la pagina principale del mio sito, sia visibile un'immagine tipo quelle pubblicitarie che mettono su alcuni siti... che abbia il tastino X per chiuderla... magari che scurisca anche il fondo dietro... dove posso scaricare qualche script per avere quest'effetto???
cerca in google Lightbox o Shadowbox.
Comunque, si dice immagine con overlay
per ora ho dato uno sguardo alla LightBox...
mi permette di operare solo con i link... come faccio a dirgli che quando carica la pagina mi deve uscire l'immagine in overlay?
ho pensato di fare che nel tag body metto onload="myfunction()" dichiarata precedentemente... il problema è quindi: come fare a simulare la pressione del click del mouse sul link? oppure devo aprirmi la libreria e vedere come creare tutto io?
cerca "spot overlayer".
Forse partire da quello ti è più semplice
beh, shadowbox ha anche le funzioni per aprire pagine HTML dall'esterno.
Puoi usare anche questo http://www.moord.it/examples/virtual_html
grazie di tutti i suggerimenti ma il problema rimane sempre lo stesso (alla fine mi basta anche LightBox perchè è solo un'immagine)
ma come faccio a dirgli che appena carica la pagina me la deve aprire in overlay? ho cercato in giro spot overlayer ma non ho cavato molto... c'è qulacosa di già fatto?
allora, se usi Lightbox (l'1 non il 2) hai la funzione showLightbox(element) che effetua il lightbox prendendo l'HREF dal link e gli mette la didascalia prendendola dal titolo:
tu fai:
function myOnLoad(href, title)
{
var a = document.createElement("a");
a.href = href;
a.title = title;
showLightbox(a);
}
poi metti <body onload="myOnLoad('/path/immagine.jpg', 'Pubblicita\'')">
questa è il codice della pagina che ho fatto (la pagina si trova a questo indirizzo):
dove sbaglio(ne so veramente poco di js)?<html>
<head>
<script type="text/javascript" src="lightbox.js"></script>
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
<script type="text/javascript">
function myOnLoad(href, title){
var a = document.createElement("a");
a.href = href;
a.title = title;
showLightbox(a);
}
</script>
<link rel="icon" href="favico.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favico.ico" type="image/x-icon" />
<title>Basket Baiano Official Site</title>
</head>
<body onload="myOnLoad('/images/logo.jpg', 'Boh')">
<center>
[img]/images/logo.jpg[/img]
[img]/images/logo.gif[/img]
</center>
</body>
</html>
err forse vai a sovraascrivere l'evento onload... prova a toglierlo dal tag body e vedi se il link lo apre ora
comunque, è una cosa che ho già notato in Lightbox:
c'è la funzione
//
// addLoadEvent()
// Adds event to window.onload without overwriting currently assigned onload functions.
// Function found at Simon Willison's weblog - http://simon.incutio.com/
//
function addLoadEvent(func)
{
var oldonload = window.onload;
if (typeof window.onload != 'function'){
window.onload = func;
} else {
window.onload = function(){
oldonload();
func();
}
}
}
che aggiunge l'init del lightbox all'onload della pagina, però se usi lightbox all'onload chiaramente non funzia...
devi cambiare la funzione così:
//
// addLoadEvent()
// Adds event to window.onload without overwriting currently assigned onload functions.
// Function found at Simon Willison's weblog - http://simon.incutio.com/
//
function addLoadEvent(func)
{
var oldonload = window.onload;
if (typeof window.onload != 'function'){
window.onload = func;
} else {
window.onload = function(){
func();
oldonload();
}
}
}
Permessi di invio
Rispondi quotando