immagini random con widget: un paio di domande a THE CROW (che mi aveva risolto il problema)

Ciao
Scusa se rompo ancora... però il widget che mi hai consigliato... l'avevo cercato da molto tempo, ed è l'unico che fa quello che volevo (e TI RINGRAZIO!!!)! e adesso che l'ho trovato, vorrei capire come funziona.
Come dicevo il widget mi funziona bene, pero ho voluto fare un paio di modifiche e ho un paio di dubbi.

1) Le immagini che rotavano erano tre... ne ho aggiunto una quarta in più e questo è quello che ho modificato (è sufficiente o devo modificare altro?)
- ho cambiato il "var counts"
- ho aggiunto img4
- aggiunto la url4

Codice:

 var counts = 4;

 img4 = new Image();
 img4.src ='http://img101.imageshack.us/img101/534/thinkblue1.jpg';

url4 = 'http://img101.imageshack.us/img101/534/thinkblue1.jpg';

 alt4 = new Image();
 alt4.alt = '';

2) Poi ho dovuto togliere i 3 "smallImg" perchè non sapevo come aggiungere l'immagine del quarto (e ne dovrò aggiungere altre):

Codice:

 smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';


A questo punto, sotto alle foto, non escono i numeri, ma escono 4 puntini (che sono difficilmente cliccabili).
Capisco che se voglio che escano i 4 numeri per la navigazione, devo caricare 4 immagini nuove sul mio hosting.

Pero... quello che volevo chiederti è: posso aggiungere i 4 numeri come se fosse un testo, invece che un'immagine?
In caso affermativo, dove/come scrivo i numeri affinché si vedano?


Azzzzz ci sono altri codici del javascript che non so bene cosa sono... pero l'importante è che per il momento funziona.

Grazie per l'aiuto e la collaborazione :-)

- Vladimiro

prova cosi

Codice:

smalltext= Message ;

altrimenti se vuoi una cosa piu pulita e piu gestibile prova con questo

Codice:

<style type="text/css">
    div#rotator {position:relative; height:110px; margin-left: -10px;}
    div#rotator ul li {float:left; position:absolute; list-style: none; list-style: none;}
    </style>

    <div id="rotator">
    <ul>
    <li class="show">
    <img src="IMMAGINE" width="160" height="107" alt="TEXT" /></li>
    <li><img src="IMMAGINE" width="160" height="107" alt="TEXT" /></li>
    <li> <img src="IMMAGONE" width="160" height="107" alt="TEXT" /></li>
    </ul>
    </div>
 

ciao,
non mi è ben chiaro dove devo mettere questo codice?

Codice:


smalltext= Message ;


Al posto di Message" dovrei scrivere il numero? ho provato a metterne uno... pero non si vedeva più nessuna foto.


E l'altro codice più "pulito" (quello con

) che mi suggerisci... sarebbe una alternativa a quello che ho gia?

ciao e grazie

sostituire

Codice:

 smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';

con

Codice:

smalltext[0]= Messaggio;

si e' un'alternativa a quello che hai

Ciao,
ci ho provato ma non funziona:
sostituendo "smallImg..." con "smalltext..", non solo non appare il testo, ma non si vedono neanche le foto.
Se tolgo la stringa "smalltext..." le foto riappaiono, ma non si vedono i numerini per la navigazione... ma solo punti.
E questo se uso Firefox o Google Chrome.

Invece con Safari... non si vede neanche il widget. :-(

In ogni caso il codice che ho modificato è cosí: (e magari sto sbagliando qualcosa)

Codice:


<center>
QUESTO WIDGET È VISIBILE SOLO A GLI AMMINISTRATORI
È UNA PROVA
<br>
LE FOTO SONO CLICCABILI
 
<style type="text/css">

.picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 300px}

.picshow_main { position: relative; height: 350px;}

.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); height: 300px; }

.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 100px;}

.picshow_change img {width:15px; height: 15px}

.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px;  -display: inline}

a.axx { border-color: #555}

a.axx:hover {border-color: #000}

a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}

a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}

a.bxx { border-color: #000}

a.bxx:hover {border-color: #000}

img{

border:0px}

</style>

<script language=javascript>

 var counts = 4;

 img1 = new Image();

 img1.src ='http://img268.imageshack.us/img268/5776/seoraancianaparedbn.jpg';

 img2 = new Image();

 img2.src ='http://img69.imageshack.us/img69/6620/lago1l.jpg';

 img3 = new Image();

 img3.src ='http://img708.imageshack.us/img708/7590/a4038b.jpg';

 img4 = new Image();

 img4.src ='http://img101.imageshack.us/img101/534/thinkblue1.jpg';


 var smalltext = new Array();

 smalltext[0]= 1;
 smalltext[1]= 2;
 smalltext[2]= 3;
 smalltext[3]= 4;

 url1 = 'http://img268.imageshack.us/img268/5776/seoraancianaparedbn.jpg';

 url2 = 'http://img69.imageshack.us/img69/6620/lago1l.jpg';

 url3 = 'http://img708.imageshack.us/img708/7590/a4038b.jpg';

 url4 = 'http://img101.imageshack.us/img101/534/thinkblue1.jpg';

 

 alt1 = new Image();

 alt1.alt = '';

 alt2 = new Image();

 alt2.alt = '';

 alt3 = new Image();

 alt3.alt = '';

 alt4 = new Image();

 alt4.alt = '';

 var nn = 1;

 var key = 0;

 function change_img() {

  if (key == 0) {

  key = 1;

  } else if (document.all) {

  document.getElementById("pic").filters[0].Apply();

  document.getElementById("pic").filters[0].Play(duration = 2);

  }

  eval('document.getElementById("pic").src=img' + nn + '.src');

  eval('document.getElementById("url_theme").href=url' + nn);

  eval('document.getElementById("pic").alt=alt' + nn + '.alt');

  if (nn == 1) {

  document.getElementById("url_theme").target = "_blank";

  document.getElementById("url_theme").style.cursor = "pointer";

  } else {

  document.getElementById("url_theme").target = "_blank"

  document.getElementById("url_theme").style.cursor = "pointer"

  }

 

  for ( var i = 1; i <= counts; i++) {

  document.getElementById("xxjdjj" + i).className = 'axx';

  }

  document.getElementById("xxjdjj" + nn).className = 'bxx';

  nn++;

  if (nn > counts) {

  nn = 1;

  }

  tt = setTimeout('change_img()', 7000);

 }

 function changeimg(n) {

  nn = n;

  window.clearInterval(tt);

  change_img();

 }

 function ImageShow() {

  document.write('<div class="picshow_main">');

  document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');

  document.write('<div class="picshow_change">');

  for ( var i = 0; i < counts; i++) {

  document.write('<a href="javascript:changeimg(' + (i + 1)

    + ');" id="xxjdjj' + (i + 1)

    + '" class="axx" target="_self"><img src="' + smallImg[i]

    + '"></a>');

  }

  document.write('</div></div>');

  change_img();

 }

</script>

<script language="javascript" type="text/javascript">

 ImageShow();

</script>

</center>


Trovi qualche errore??

un saluto
Vladimiro

scusa..mi sono perso ..invece dei numeri vorresti che ci fosse un testo?

si, vorrei mettere numeri invece che testo . Pero i numeri non è testo? non è la stessa cosa?


Mi sto spiegando male.
ci riprovo:

- il codice originale faceva vedere 4 immagini.
- sotto a queste 4 immagini c'erano 4 numeri - pero non erano numeri da tastiera... erano 4 link a immagini che servivano per la navigazione, cioè questi:

Codice:


var smallImg = new Array();
smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';
smallImg[1] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif';
smallImg[2] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
smallImg[3] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_10.gif';
smallImg[4] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_11.gif';


Quello che vorrei sapere è come fare per sostituire questi "gif", con un normalissimo testo come 1, 2, 3, 4... oppure, uno, due, tre, quattro.....


Spero di essermi riuscito a spiegarmi.

Un saluto
Vladimiro

ti basta togliere il puntamento degli url

Codice:

 smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';
 smallImg[1] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif';
 smallImg[2] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
 url1 = ''TOGLI QUESTO URL;
 url2 = ''TOGLI QUESTO URL  ;
 url3 = ''TOGLI QUESTO URL ;

ti rimarranno solo i numeri senza puntamento

Perfetto!!! Era così semplice, mannaggia!

grazie per il tempo che mi hai dedicato e per il tuo grande aiuto.

Un saluto

prego.. un salutone anche a te