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

[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, 00:10, modificato 3 volte

Pyton
***

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


Vedere 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

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: [Risolto] modulo immagini random

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

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

Pyton
***

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


Vedere 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

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: [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
***

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


Vedere 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

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: [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
***

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


Vedere 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

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: [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
***

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


Vedere 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

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: [Risolto] modulo immagini random

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

grazie Very Happy

Pyton
***

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


Vedere 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

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