[Risolto] modulo immagini random

[Pyton]

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

[the crow]

Tutoriali JavaScript Widget immagini random

[Pyton]

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

[the crow]

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

[Pyton]

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?!

[the crow]

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>

[Pyton]

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!?!!

[the crow]

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

[Pyton]

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

[the crow]

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

[Pyton]

grazie