[Risolto] modulo immagini random


Risolto [Risolto] modulo immagini random

Messaggio Da Pyton il Dom 26 Giu 2011 - 21:56

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


Ultima modifica di Pyton il Mar 28 Giu 2011 - 0:10, modificato 3 volte
Pyton
Pyton
***

Sesso : Maschio
Età : 30
Messaggi : 174
Località : roma


http://consoleville.forumattivo.it/
Pyton è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] modulo immagini random

Messaggio Da the crow il Dom 26 Giu 2011 - 22:32

Tutoriali JavaScript Widget immagini random
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 28
Messaggi : 8798
Località : Roma


https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] modulo immagini random

Messaggio Da Pyton il Dom 26 Giu 2011 - 22:36

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

Sesso : Maschio
Età : 30
Messaggi : 174
Località : roma


http://consoleville.forumattivo.it/
Pyton è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] modulo immagini random

Messaggio Da the crow il Dom 26 Giu 2011 - 23:22

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

Sesso : Maschio
Età : 28
Messaggi : 8798
Località : Roma


https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] modulo immagini random

Messaggio Da Pyton il Lun 27 Giu 2011 - 10:44

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

Sesso : Maschio
Età : 30
Messaggi : 174
Località : roma


http://consoleville.forumattivo.it/
Pyton è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] modulo immagini random

Messaggio Da the crow il Lun 27 Giu 2011 - 19:13

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>


Ultima modifica di the crow il Lun 27 Giu 2011 - 22:27, modificato 1 volta
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 28
Messaggi : 8798
Località : Roma


https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] modulo immagini random

Messaggio Da Pyton il Lun 27 Giu 2011 - 21:46

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

Sesso : Maschio
Età : 30
Messaggi : 174
Località : roma


http://consoleville.forumattivo.it/
Pyton è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] modulo immagini random

Messaggio Da the crow il Lun 27 Giu 2011 - 22:28

quello non centra niente lo puoi cancellare...sostituisci le mie immagini e i link ..non e' difficile
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 28
Messaggi : 8798
Località : Roma


https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] modulo immagini random

Messaggio Da Pyton il Lun 27 Giu 2011 - 23:06

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

Sesso : Maschio
Età : 30
Messaggi : 174
Località : roma


http://consoleville.forumattivo.it/
Pyton è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] modulo immagini random

Messaggio Da the crow il Lun 27 Giu 2011 - 23:07

..lascia stare cancella tutto e riprendilo , l'ho tolto
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 28
Messaggi : 8798
Località : Roma


https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] modulo immagini random

Messaggio Da Pyton il Lun 27 Giu 2011 - 23:40

grazie Very Happy
Pyton
Pyton
***

Sesso : Maschio
Età : 30
Messaggi : 174
Località : roma


http://consoleville.forumattivo.it/
Pyton è stato ringraziato dall'autore di questo topic.

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


 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum