Salve, ho un sito che mi sta procurando diversi problemi per una funzione molto banale, ma nonostante gli innumerevoli test non sono ancora riuscito ad arrivare alla soluzione.
Ho trovato su internet un codice javascript che, dati i link delle immagini, mi mostra queste in modo sequenziale ed a tempo. Il codice funziona, l'ho posizionato al lato sinistro del sito ma non riesco a posizionarlo e farlo funzionare in contemporanea al lato destro del sito.
Nella pagina interessata ho posizionato :
<div style="float:left; display:fixed; background-color:transparent;" id="banner">
<script type="text/javascript" src="banner.js"></script>
</div>
Che indica il banner nel lato sinistro
Poi :
<div style="float:right; display:fixed; background-color:transparent;" id="banner1">
<script type="text/javascript" src="banner1.js"></script>
</div>
Che indica il banner nel lato destro del sito
Ovviamente nel body della pagina html ho messo :
<body onload="mostra_banner(); mostra_banner1()">
In questo caso ho due file .js, uno di nome "banner.js" e l'altro di nome "banner1.js". Ovviamente questa non è la soluzione migliore, ma il mio scopo attuale è quello di riuscire a capire come far apparire i banner in entrambi i lati, successivamente inserirò il tutto in un unico file e gestirò meglio le funzioni javascript.
I file "banner.js" e "banner1.js" hanno il seguente codice :
File "banner.js" :
var imm = new Array();
imm[0] = "/Banner/banner-1.png";
imm[1] = "/Banner/banner-2.jpg";
imm[2] = "/Banner/banner-3.jpg";
var lnk = new Array();
lnk[0] = "www.google.it";
lnk[1] = "www.google.it";
lnk[2] = "www.google.it";
var x = 0;
var mostra = document.getElementById("banner");
function mostra_banner()
{
mostra.innerHTML = "<a href='" + lnk[x] + "'><img src='" + imm[x] + "'></a>";
window.setTimeout("mostra_banner()", 5000);
imm.length - 1 == x ? x = 0 : x++;
}
File "banner1.js" :
var imm1 = new Array();
imm1[0] = "/Banner/banner-1.png";
imm1[1] = "/Banner/banner-2.jpg";
imm1[2] = "/Banner/banner-3.jpg";
var lnk1 = new Array();
lnk1[0] = "www.google.it";
lnk1[1] = "www.google.it";
lnk1[2] = "www.google.it";
var y = 0;
var mostra = document.getElementById("banner");
function mostra_banner1()
{
mostra.innerHTML = "<a href='" + lnk1[x] + "'><img src='" + imm1[x] + "'></a>";
window.setTimeout("mostra_banner1()", 5000);
imm1.length - 1 == x ? x = 0 : x++;
}
Molto semplice da comprendere, da usare e modificare, ma per la mia nabbezza è difficile da implementare più di una volta in una sola pagina. Come potrete notare le differenze tra un file e l'altro sono i nomi delle variabili (ho messo "1" davanti a "imm" e "lnk" per esempio). Ma nonostante io abbia effettuato modifiche davvero assurde, nulla ha funzionato. Solo una delle due funzioni viene richiamata e non capisco il perché.
Spero sappiate aiutarmi e nel caso in cui servano chiarimenti, chiedete pure
Saluti, Sekmet
Ho trovato su internet un codice javascript che, dati i link delle immagini, mi mostra queste in modo sequenziale ed a tempo. Il codice funziona, l'ho posizionato al lato sinistro del sito ma non riesco a posizionarlo e farlo funzionare in contemporanea al lato destro del sito.
Nella pagina interessata ho posizionato :
<div style="float:left; display:fixed; background-color:transparent;" id="banner">
<script type="text/javascript" src="banner.js"></script>
</div>
Che indica il banner nel lato sinistro
Poi :
<div style="float:right; display:fixed; background-color:transparent;" id="banner1">
<script type="text/javascript" src="banner1.js"></script>
</div>
Che indica il banner nel lato destro del sito
Ovviamente nel body della pagina html ho messo :
<body onload="mostra_banner(); mostra_banner1()">
In questo caso ho due file .js, uno di nome "banner.js" e l'altro di nome "banner1.js". Ovviamente questa non è la soluzione migliore, ma il mio scopo attuale è quello di riuscire a capire come far apparire i banner in entrambi i lati, successivamente inserirò il tutto in un unico file e gestirò meglio le funzioni javascript.
I file "banner.js" e "banner1.js" hanno il seguente codice :
File "banner.js" :
var imm = new Array();
imm[0] = "/Banner/banner-1.png";
imm[1] = "/Banner/banner-2.jpg";
imm[2] = "/Banner/banner-3.jpg";
var lnk = new Array();
lnk[0] = "www.google.it";
lnk[1] = "www.google.it";
lnk[2] = "www.google.it";
var x = 0;
var mostra = document.getElementById("banner");
function mostra_banner()
{
mostra.innerHTML = "<a href='" + lnk[x] + "'><img src='" + imm[x] + "'></a>";
window.setTimeout("mostra_banner()", 5000);
imm.length - 1 == x ? x = 0 : x++;
}
File "banner1.js" :
var imm1 = new Array();
imm1[0] = "/Banner/banner-1.png";
imm1[1] = "/Banner/banner-2.jpg";
imm1[2] = "/Banner/banner-3.jpg";
var lnk1 = new Array();
lnk1[0] = "www.google.it";
lnk1[1] = "www.google.it";
lnk1[2] = "www.google.it";
var y = 0;
var mostra = document.getElementById("banner");
function mostra_banner1()
{
mostra.innerHTML = "<a href='" + lnk1[x] + "'><img src='" + imm1[x] + "'></a>";
window.setTimeout("mostra_banner1()", 5000);
imm1.length - 1 == x ? x = 0 : x++;
}
Molto semplice da comprendere, da usare e modificare, ma per la mia nabbezza è difficile da implementare più di una volta in una sola pagina. Come potrete notare le differenze tra un file e l'altro sono i nomi delle variabili (ho messo "1" davanti a "imm" e "lnk" per esempio). Ma nonostante io abbia effettuato modifiche davvero assurde, nulla ha funzionato. Solo una delle due funzioni viene richiamata e non capisco il perché.
Spero sappiate aiutarmi e nel caso in cui servano chiarimenti, chiedete pure
Saluti, Sekmet