Seguimi su Youtubue
Iscriviti
Se desideri, puoi effettuare un'iscrizione gratuita al forum per entrare nella nostra community.
Ricerca Avanzata
Pubblicità Google AdSense
Answers
Se necessiti di aiuto, clicca il pulsante "Cerco Aiuto" (disponibile anche per i non iscritti).
Ultimi argomenti
» libreria LiquidCrystal.h e LiquidCrystal_ I2C
Da papat Mar Ago 08, 2017 11:56 am

» libreria LiquidCrystal.h e LiquidCrystal_ I2C
Da papat Dom Ago 06, 2017 12:02 pm

» TOP 5 oggetti che perdi spesso
Da Poderak Gio Lug 13, 2017 4:26 pm

» arduino e ethernet shield tutorial 3
Da mariogori Ven Lug 07, 2017 8:52 pm

» Arduino comandato da cellulare
Da Poderak Ven Lug 07, 2017 6:17 pm

» Simulatore di navi: Traino nave in avaria - European Ship Simulator
Da Poderak Sab Lug 01, 2017 1:16 pm

» arduino e ethernet shield tutorial 3
Da Poderak Gio Giu 29, 2017 8:05 pm

» Farming Simulator 2018 logo
Da Poderak Ven Giu 23, 2017 3:29 pm

» Codice display a 7 segmenti - Arduino
Da fulvio Ven Giu 02, 2017 10:00 am

I postatori più attivi del mese
papat
 


Codice Javascript per creare un portale immagini a scorrimento verticale

Vedere l'argomento precedente Vedere l'argomento seguente Andare in basso

Codice Javascript per creare un portale immagini a scorrimento verticale

Messaggio Da Poderak il Mar Feb 21, 2012 12:01 pm


Crea un portale tutto tuo di immagini a scorrimento orizzontale! Provalo e inseriscilo dove vuoi!
Codice:
<style>
.post-container {
background-color:#465945;
margin-right: 18em;
}sfondo messagi
 .postprofile dd, .postprofile dt {
    text-align:center;
      }avatar centrato
</style>

</div></div><div style="height:11px"></div></div><div id="main"><div id="main-content"><BODY><script type="text/javascript">



var trans_width='320px' //slideshow width

var trans_height='240px' //slideshow height

var pause=4000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var degree=10 //animation speed. Greater is faster.



var slideshowcontent=new Array()

//Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET]

slideshowcontent[0]=["LINK IMMAGINE", "LINK SITO", "_new"]

slideshowcontent[1]=["LINK IMMAGINE", "LINK SITO", "_new"]

slideshowcontent[2]=["LINK IMMAGINE", "LINK SITO", "_new"]





////NON MODIFICARE - WIKI INFO - IMPORTANTE!/////////////



var bgcolor='white'



var imageholder=new Array()

for (i=0;i<slideshowcontent.length;i++){

imageholder[i]=new Image()

imageholder[i].src=slideshowcontent[i][0]

}



var ie4=document.all

var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1



if (ie4||dom)

document.write('<div style="position:relative;width:'+trans_width+';height:'+trans_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')

else if (document.layers){

document.write('<ilayer id=tickernsmain visibility=hide width='+trans_width+' height='+trans_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+trans_width+' height='+trans_height+' left=0 top=0>'+'<img src="'+slideshowcontent[0][0]+'"></layer></ilayer>')

}



var curpos=trans_width*(-1)

var curcanvas="canvas0"

var curindex=0

var nextindex=1



function getslidehtml(theslide){

var slidehtml=""

if (theslide[1]!="")

slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'

slidehtml+='<img src="'+theslide[0]+'" border="0">'

if (theslide[1]!="")

slidehtml+='</a>'

return slidehtml

}



function moveslide(){

if (curpos<0){

curpos=Math.min(curpos+degree,0)

tempobj.style.left=curpos+"px"

}

else{

clearInterval(dropslide)

if (crossobj.filters)

crossobj.filters.alpha.opacity=100

else if (crossobj.style.MozOpacity)

crossobj.style.MozOpacity=1

nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"

tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)

tempobj.innerHTML=getslidehtml(slideshowcontent[curindex])

nextindex=(nextindex<slideshowcontent.length-1)? nextindex+1 : 0

setTimeout("rotateslide()",pause)

}

}



function rotateslide(){

if (ie4||dom){

resetit(curcanvas)

crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)

crossobj.style.zIndex++

if (crossobj.filters)

document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20

else if (crossobj.style.MozOpacity)

document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2

var temp='setInterval("moveslide()",50)'

dropslide=eval(temp)

curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"

}

else if (document.layers){

crossobj.document.write(getslidehtml(slideshowcontent[curindex]))

crossobj.document.close()

}

curindex=(curindex<slideshowcontent.length-1)? curindex+1 : 0

}



function jumptoslide(which){

curindex=which

rotateslide()

}



function resetit(what){

curpos=parseInt(trans_width)*(-1)

var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)

crossobj.style.left=curpos+"px"

}



function startit(){

crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub

if (ie4||dom){

crossobj.innerHTML=getslidehtml(slideshowcontent[curindex])

rotateslide()

}

else{

document.tickernsmain.visibility='show'

curindex++

setInterval("rotateslide()",pause)

}

}



if (window.addEventListener)

window.addEventListener("load", startit, false)

else if (window.attachEvent)

window.attachEvent("onload", startit)

else if (ie4||dom||document.layers)

window.onload=startit



</script></BODY>

Per le modifiche c'è scritto tutto all'interno del codice Wink !
Buona fortuna!
avatar
Poderak
♔ Amministratore

Messaggi Messaggi : 4196
Crediti Crediti : 11726
Reputazione Reputazione : 186
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 18
Località Località : Brescia

Vedi il profilo dell'utente http://www.wikiinfo.net

Tornare in alto Andare in basso

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


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