Banner a rotazione

lunedì 25 giugno 2012 - 16.38
Tag Elenco Tags  Javascript

Alasque Profilo | Newbie


Ciao a tutti,

ho un problema, dovrei aggiungere un "credo che si chiami Metatag" ad ogni immagine che ruota in un banner a rotazione quel commento che compare al passaggio del mouse sull'immagine. come posso fare? allego lo script

grazie

<script language="JavaScript">

var openInNewWin = true;
var banners = new Array();
banners[0] = new Banner("http://www.miosito.com/a_cond.html", "Logo '0'", "../Logo_Clienti/Banner120x60_0.gif");
banners[1] = new Banner("http://www.miosito.com/a_cond.html", "Logo '1'", "../Logo_Clienti/Banner120x60_1.gif");
banners[2] = new Banner("http://www.miosito.com/a_cond.html", "Logo '2'", "../Logo_Clienti/Banner120x60_2.gif");
banners[3] = new Banner("http://www.miosito.com/a_cond.html", "Logo '3'", "../Logo_Clienti/Banner120x60_3.gif");
banners[4] = new Banner("http://www.miosito.com/a_cond.html", "Logo '4'", "../Logo_Clienti/Banner120x60_4.gif");

function Banner(url, description, image) {
this.url = url;
this.description = description;
this.image = image;
return this;
}
var bNum = Math.round(Math.random() * (banners.length - 1));

document.write("<a href=\"" + banners[bNum].url + "\"");
if (openInNewWin) {
document.write(" target=\"_blank\"");
}
document.write(">");
document.write("<img src=\"" + banners[bNum].image + "\" border=\"0\" alt=\"" + banners[bNum].description + "\">");
document.write("</a>");

</script></div></td>
</tr>
<td><div align="right">
Alasque

alx_81 Profilo | Guru

>Ciao a tutti,
Ciao,
potresti allegare tutta la pagina html o una pagina html di esempio funzionante?

>grazie
di nulla!
--
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.microsoft.com/profiles/Alessandro.Alpi

Alasque Profilo | Newbie

ho allegato il file. nel ringraziarti.
Alasque

alx_81 Profilo | Guru

>ho allegato il file. nel ringraziarti.
ok, hai gestito solo l'alt, che è l'alternative text usato nel caso in cui non si trovi l'immagine.
aggiungi anche l'attributo title dopo l'alt e passa la description.
ciao!

--
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.microsoft.com/profiles/Alessandro.Alpi

Alasque Profilo | Newbie

non so se ho fatto bene, ma non ho ottenuto il risultato sperato.

ecco quello che ho modificato:

<script language="JavaScript">

var openInNewWin = true;
var banners = new Array();
banners[0] = new Banner("http://www.iperclubvacanze.it/dem/formETI.asp?IDC=easytouritalia&utm_source=easytouritalia&utm_medium=banner&utm_campaign=easytouritalia", "Logo '0'", "../Img_Gira/3ET_Globaltour.gif");
banners[1] = new Banner("http://www.youppit.it/index.html", "Logo '1'", "Prova", "../Img_Gira/1ET_Youppit.jpg");
banners[2] = new Banner("http://www.iperclubvacanze.it/dem/formETI.asp?IDC=easytouritalia&utm_source=easytouritalia&utm_medium=banner&utm_campaign=easytouritalia", "Logo '2'", "Img_Gira/3ET_Globaltour.gif");
banners[3] = new Banner("http://www.youppit.it/index.html", "Logo '1'", "Prova", "../Img_Gira/1ET_Youppit.jpg");
banners[4] = new Banner("http://www.iperclubvacanze.it/dem/formETI.asp?IDC=easytouritalia&utm_source=easytouritalia&utm_medium=banner&utm_campaign=easytouritalia", "Logo '4'", "Img_Gira/3ET_Globaltour.gif");

function Banner(url, title, description, image) {
this.url = url;
this.title = title;
this.description = description;
this.image = image;
return this;
}
var bNum = Math.round(Math.random() * (banners.length - 1));

document.write("<a href=\"" + banners[bNum].url + "\"" + banners[bNum].title + "\">");
if (openInNewWin) {
document.write(" target=\"_blank\"");
}
document.write(">");
document.write("<img src=\"" + banners[bNum].image + "\" border=\"0\" alt=\"" + banners[bNum].description + "\">");
document.write("</a>");

</script>Alasque

alx_81 Profilo | Guru

>non so se ho fatto bene, ma non ho ottenuto il risultato sperato.
no, ti mando domattina il file corretto da me
ciao!

--
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.microsoft.com/profiles/Alessandro.Alpi

Alasque Profilo | Newbie

ti ringrazio per la disponibilità ma in realtà credo che sia un problema di visualizzazione del browser: se apri lo zip che ti avevo allegato, passando col mouse sull'immagine relativa a you...... puoi notare che compare il fumetto e quindi va bene. ti posso inviare il link alla mia home per verificare se nemmeno a te dà il fumetto?
Alasque

alx_81 Profilo | Guru

>ti ringrazio per la disponibilità ma in realtà credo che sia
>un problema di visualizzazione del browser: se apri lo zip che
>ti avevo allegato, passando col mouse sull'immagine relativa
>a you...... puoi notare che compare il fumetto e quindi va bene.
>ti posso inviare il link alla mia home per verificare se nemmeno
>a te dà il fumetto?
Questo è quello che mi gira su tutti i browser:

Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

ciao

--
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.microsoft.com/profiles/Alessandro.Alpi

Alasque Profilo | Newbie

Ottimo!

Grazie
Alasque
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2017
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5