Javascript - Script rassegna stampa

Forum - Javascript - Script rassegna stampa

riddick (Normal User)
Rookie

Messaggi: 37
Iscritto: 17/06/2011

Postato alle 20:12
Domenica, 28/08/2011

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?

Codice sorgente - presumibilmente Php

<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'>

GN (Member)
Guru

Messaggi: 772
Iscritto: 30/04/2011

Postato alle 21:41
Domenica, 28/08/2011

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

Codice sorgente - presumibilmente Plain Text

<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:

Codice sorgente - presumibilmente Plain Text

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