Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

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


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

Messaggio Da vladimiro il Sab 24 Set 2011, 01:10

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

vladimiro
Sono un nuovo membro :)

Sesso : Maschile
Età : 58
Messaggi : 28
Località : barcellona


Vedere il profilo dell'utente http://www.fotoraw.foroactivo.com
vladimiro è stato ringraziato dall'autore di questo topic.

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

Messaggio Da the crow il Sab 24 Set 2011, 14:03

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>
 

the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


Vedere il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

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

Messaggio Da vladimiro il Sab 24 Set 2011, 19:07

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

vladimiro
Sono un nuovo membro :)

Sesso : Maschile
Età : 58
Messaggi : 28
Località : barcellona


Vedere il profilo dell'utente http://www.fotoraw.foroactivo.com
vladimiro è stato ringraziato dall'autore di questo topic.

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

Messaggio Da the crow il Dom 25 Set 2011, 17:00

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

the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


Vedere il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

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

Messaggio Da vladimiro il Dom 25 Set 2011, 20:04

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

vladimiro
Sono un nuovo membro :)

Sesso : Maschile
Età : 58
Messaggi : 28
Località : barcellona


Vedere il profilo dell'utente http://www.fotoraw.foroactivo.com
vladimiro è stato ringraziato dall'autore di questo topic.

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

Messaggio Da the crow il Dom 25 Set 2011, 21:11

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

the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


Vedere il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

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

Messaggio Da vladimiro il Dom 25 Set 2011, 23:13

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

vladimiro
Sono un nuovo membro :)

Sesso : Maschile
Età : 58
Messaggi : 28
Località : barcellona


Vedere il profilo dell'utente http://www.fotoraw.foroactivo.com
vladimiro è stato ringraziato dall'autore di questo topic.

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

Messaggio Da the crow il Lun 26 Set 2011, 00:51

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

the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


Vedere il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

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

Messaggio Da vladimiro il Lun 26 Set 2011, 13:28

Perfetto!!! Era così semplice, mannaggia!

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

Un saluto

vladimiro
Sono un nuovo membro :)

Sesso : Maschile
Età : 58
Messaggi : 28
Località : barcellona


Vedere il profilo dell'utente http://www.fotoraw.foroactivo.com
vladimiro è stato ringraziato dall'autore di questo topic.

Risolto [Risolto]

Messaggio Da the crow il Lun 26 Set 2011, 18:18

prego.. un salutone anche a te

the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


Vedere il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum