[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
avatar
Pyton
***

Sesso : Maschile
Età : 28
Messaggi : 174
Località : roma


Vedi il profilo dell'utente 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
avatar
the crow
Veterano dello staff

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


Vedi il profilo dell'utente http://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...
avatar
Pyton
***

Sesso : Maschile
Età : 28
Messaggi : 174
Località : roma


Vedi il profilo dell'utente 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
avatar
the crow
Veterano dello staff

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


Vedi il profilo dell'utente http://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?!
avatar
Pyton
***

Sesso : Maschile
Età : 28
Messaggi : 174
Località : roma


Vedi il profilo dell'utente 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
avatar
the crow
Veterano dello staff

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


Vedi il profilo dell'utente http://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!?!!
avatar
Pyton
***

Sesso : Maschile
Età : 28
Messaggi : 174
Località : roma


Vedi il profilo dell'utente 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
avatar
the crow
Veterano dello staff

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


Vedi il profilo dell'utente http://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?!
avatar
Pyton
***

Sesso : Maschile
Età : 28
Messaggi : 174
Località : roma


Vedi il profilo dell'utente 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
avatar
the crow
Veterano dello staff

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


Vedi il profilo dell'utente http://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
avatar
Pyton
***

Sesso : Maschile
Età : 28
Messaggi : 174
Località : roma


Vedi il profilo dell'utente http://consoleville.forumattivo.it/
Pyton è stato ringraziato dall'autore di questo topic.

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

- Argomenti simili

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