[Risolto] modulo immagini random

ciao cosa devo inserire per creare un modulo come quello che sta qui su forumattivo che si chiama "skin più popolari"...ho gia cercato nell'elenco dei tutorial ma non ho trovato nulla...mi servirebbe sapere anche come faccio a rendere le immagini tutte della stessa grandezza in questo modulo...grazie

Tutoriali JavaScript Widget immagini random

-.- l'ho visto ma non funziona...

strano e quello che vedi sul forum senza immagini e testi....prova con uno di questi
http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm

scusate perchè è stato messo risolto quando io non ho risolto proprio niente?!

comunque c'è qualcosa che non va nel codice...molto probabilmente sbaglio qualcosa...io l'ho modificato così:

Codice:

<style type="text/css">
.picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 200px}
.picshow_main { position: relative; width: 170px; height: 200px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 170px; height: 200px}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 50px;}
.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: #ffffff}
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 = 5;
img1 = new Image();
img1.src = 'http://img36.imageshack.us/img36/6624/alicekb.jpg';
img2 = new Image();
img2.src = 'http://img59.imageshack.us/img59/1980/cw3dn.jpg';
img3 = new Image();
img3.src = 'http://img59.imageshack.us/img59/2958/lanoirem.jpg';

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



url1 = 'http://www.gamestop.it/core/common/default.aspx?advancedSearch=list';
url2 = 'http://www.gamestop.it/core/common/default.aspx?advancedSearch=list';
url3 = 'http://www.gamestop.it/core/common/default.aspx?advancedSearch=list';


alt1 = new Image();
alt1.alt = ' Alice: Madness Returns';
alt2 = new Image();
alt2.alt = 'Call of Duty: Modern Warfare 3';
alt3 = new Image();
alt3.alt = 'L.A. Noire';

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('}
document.write('</div></div>');
change_img();
}
</SCRIPT>
<SCRIPT language="javascript" type="text/javascript">
ImageShow();
</SCRIPT>

mi date una mano a vedere dove sbaglio?!

questo e' quello che ho sul mio forum ....non metterlo sopra o sotto un widget che contenga un'altro script

Codice:

 <style type="text/css">

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

.picshow_main { position: relative; width: 170px; height: 300px}

.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 170px; 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 = 3;

 img1 = new Image();

 img1.src ='http://img222.imageshack.us/img222/4057/darkcorners.gif';

 img2 = new Image();

 img2.src ='http://img195.imageshack.us/img195/4880/wendywuguerrieraallepri.gif';

 img3 = new Image();

 img3.src ='http://img683.imageshack.us/img683/2455/14kilometros.gif';

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

 

 url1 = 'http://it.hitskin.com/cercare-uno-stile/the-offtopic-saga-161913.htm';

 url2 = 'http://it.hitskin.com/cercare-uno-stile/famous-life-skin-158783.htm';

 url3 = 'http://it.hitskin.com/cercare-uno-stile/purple-punbb-157513.htm';

 

 alt1 = new Image();

 alt1.alt = 'Donalicious';

 alt2 = new Image();

 alt2.alt = 'Rainwod';

 alt3 = new Image();

 alt3.alt = 'Saga Crepúsculo';

 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>

ciao the crow...il codice funziona ora devo aggiustare giusto la posizione delle immagini..anche se non so da dove iniziare...ti volevo chiedere una cosa...a me appare una scritta sopra le immagini con scritto "1 demande d'ami" che mi riendirizza al link dei gruppi del mio forum..ma nel codice non c'è nessun riferimento a questa cosa!!..come mai!?!!

quello non centra niente lo puoi cancellare...sostituisci le mie immagini e i link ..non e' difficile

come lo cancello se non ne esiste traccia nel codice?!

..lascia stare cancella tutto e riprendilo , l'ho tolto

grazie