Javascript - Script rassegna stampa

28/08/11 18:12

Salve a tutti, ho il seguente script che mi visualizza le prime pagine di 3 giornali, fin qui tutto ok, il problema sorge se volessi fare in modo che, o cliccando mi apre l'immagine più grande, o cliccando mi apre la pagina relativa al giornale cliccato. Come posso fare?

<script type="text/javascript" language="JavaScript">
<!--
var slideShowSpeed = 4000
 
var crossFadeDuration = 3
var Pic = new Array()
Pic[0] = 'http://www.gazzetta.it/primapagina/images/prima_pagina_grande.png'
Pic[1] = 'http://edicola.corriredellosport.it/newsmem/corsport/prima/nazionale_prima.jpg'
Pic[2] = 'http://edicola.tuttosport.com/newsmem/tuttosport/prima/prima_1.jpg'
// eccetera 
var j = 0
var p = Pic.length
 
var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}
 
var delay = 50;
 
function fadeIn() {
    var opac = parseFloat(document.images.SlideShow.style.opacity);
    if (opac < 1) {
        opac = opac + 0.04;
        document.images.SlideShow.style.opacity = opac;
        setTimeout(fadeIn, delay);
    }
}
 
function runSlideShow(){
   if (document.all){
      document.images.SlideShow.style.filter="blendTrans(duration=2)"
      document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
      document.images.SlideShow.filters.blendTrans.Apply()      
   }
   else {
        document.images.SlideShow.style.opacity = 0.1;
   }
   document.images.SlideShow.src = preLoad[j].src;
 
   if (document.all){
      document.images.SlideShow.filters.blendTrans.Play()
   }
   else {
        fadeIn();
   }
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', slideShowSpeed)
}
 
//-->
</script>
 
</head>
<!--<body onload="runSlideShow()">-->
<body bgcolor="#000000"  onload="runSlideShow()" topmargin="0" leftmargin="0">
<br /> 
<br /> 
<img width="200" height="300" src="" name='SlideShow'>

aaa

28/08/11 19:41

Potresti mettere il tag img tra un <A> a cui dai un id:

<a id="link">
<img width="200" height="300" src="" name='SlideShow'>
</a>

Poi nello script (precisamente alla riga 40 del codice che hai postato), quando cambi l'immagine, modifichi la proprietà "href" del link in modo che indirizzi all'immagine grande:

document.images.SlideShow.src = preLoad[j].src;
document.getElementById('link').href = preLoad[j].src;

aaa