Gif animate linkanti

Pubblicità
ballanz89

ballanz89

Utente Èlite
Messaggi
2,162
Reazioni
3
Punteggio
58
Ciao a tutti devo creare una gif animata praticamente simile ad un post it con all'interno dei messaggi vari che cambiano a rotazione..
bene io dovrei fare in modo che ogni immagine con la determinata scritta possa linkare ad una pagina web...
esempio..
parte la mia immagine animata del post con la prima frase...
vai su tom's hardware... e clicco e va su tom's hardware
cambia immagine, ora la scritta dice vai nel sito xxx...clicco e va nel sito xxx...
come faccio??:D
 
così come l'hai pensato semplicemente non puoi.

in alternativa potresti usare html+javascript in modo da cambiare ogni TOT tempo la sorgente del tag IMG e la destinazione indicata dal tag A che la contiene.
 
eccoti un mio piccolo esempio facilmente adattabile:
Codice: 
<a id="tag_link" href=""><img src="" id="tag_img" /></a>

<script>
 var MYimgs = new Array(2);
 var MYlinks = new Array(2);

 Myimgs[0] = "img1.gif";
 Myimgs[1] = "img2.gif";

 Mylinks[0] = "http://www.link1.it";
 Mylinks[1] = "http://www.link2.it";

 var indice = -1;
 var max = 2;

 var millisecondi = 5000;

 function cambia() {
    indice = indice ++;
    if (indice >= max)
        indice = 0;
    document.getElementById('tag_link').href = Mylinks[indice];
    document.getElementById('tag_img').src = Myimgs[indice];
    setTimeout("cambia()",millisecondi);
 }

 cambia();
</script>
 
Dev'esserci un piccolo errore airex. xke l'immagine non la mostra ma solo il quadratino con la X e se ci vado sopra mi linka al blog stesso. Sai dirmi il xke? Grazie dell'interessamento!!!!:):inchino:
 
In effetti c'era qualche piccolo errore

Codice: 
<a id="tag_link" href=""><img src="" id="tag_img" /></a>

<script>
 var Myimgs = new Array(2);
 var Mylinks = new Array(2);

 Myimgs[0] = "img1.gif";
 Myimgs[1] = "img2.gif";

 Mylinks[0] = "http://www.link1.it";
 Mylinks[1] = "http://www.link2.it";

 var indice = -1;
 var max = 2;

 var millisecondi = 5000;

 function cambia() {
    indice ++;
    if (indice >= max)
        indice = 0;
    document.getElementById('tag_link').href = Mylinks[indice];
    document.getElementById('tag_img').src = Myimgs[indice];
    setTimeout("cambia()",millisecondi);
 }

 cambia();
</script>
 
Perfetto ora funziona!Grazie!
Un ultima cosa solo se ci riesci...riusciresti a dargli l'effetto FADE quando cambiano le immagini? Cioè che svanisce lentamente?(non troppo lentamente) ma che invece di cmabire di botta vedi come la trasparenza e poi mostra l'img sotto...grazie se ci riesci sei un grande!:)
 
quello è notevolmente piu' complesso e al momento sono "a tempo limitato" :rolleyes:.

Non penso cmq dia un gran vantaggio in questo caso ;)
 
Pubblicità
Pubblicità
Indietro
Top