Hétfő, 2017-11-20, 04:44
Főoldal | Regisztráció | Belépés Üdvözöllek Vendég | RSS
[ Új üzenetek · Tagok · Fórumszabályzat · Keresés · RSS ]
Oldal 1 / 11
A fórum moderátora: borbolya 
Fórum » Hasznos holmik » Scriptek » Banner rotátor (banner rotátor)
Banner rotátor
borbolyaDátum: Csütörtök, 2010-12-16, 19:27 | Üzenet # 1
Generalisszimusz
Csoport: Adminisztrátorok
Üzenetek: 1395
Kitüntetések: 1
Hírnév: 1
Állapot: Offline
A banner rotátort működés közben a job főoldalán, a bal oldali blokk felső részében láthatod. Cseréld ki a képeket és a linkeket, aztán vidd a kódot, ha akarod, de figyelj a részletekre, mert ha nem működik, akkor valamit elrontottál. Próbáld ki, mielőtt beilleszted az oldaladra!

Code
<script type="text/javascript">
/***********************************************
* Translucent Slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var trans_width='234px' //slideshow width
var trans_height='30px' //slideshow height
var pause=3000 //SET PAUSE BETWEEN SLIDE (7000=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]=["http://borbolyajob.ucoz.com/kisbannerek/kepborbolyabux.jpg", " http://borbolyabux.info ", "_blank"]
slideshowcontent[1]=["http://borbolyajob.ucoz.com/kisbannerek/kepincentria.gif", " http://www.incentria.com/index.php?ref=borbolya ", "blank"]
slideshowcontent[2]=["http://borbolyajob.ucoz.com/kisbannerek/kepcubez.jpg ", " http://borbolyajob.ucoz.com/news/you_cubez_majdnem_ptc_de_uj_orulet/2010-04-29-31 ", "blank"]
slideshowcontent[3]=["http://borbolyajob.ucoz.com/kisbannerek/kepincrasebux.gif", " https://incrasebux.com/register.php/borbolya.htlm ", "blank"]
slideshowcontent[4]=["http://borbolyajob.ucoz.com/kisbannerek/keppalmbux.gif", " http://www.palmbux.com/register.php?r=gabica02 ", "blank"]
slideshowcontent[5]=["http://borbolyajob.ucoz.com/kisbannerek/kepvipclix.png", " http://www.vipclix.com/?ref=borbolya ", "blank"]
slideshowcontent[6]=["http://borbolyajob.ucoz.com/KIEMELTlink.gif", " http://borbolyajob.ucoz.com/index/linkcsere/0-112 ", "blank"]
slideshowcontent[7]=["http://borbolyajob.ucoz.com/KIEMELTPARTNER.gif", " http://borbolyajob.ucoz.com/index/kiemelt_banner_hirdetesek/0-80 ", "blank"]
////NO need to edit beyond here/////////////
var bgcolor='ffffff'
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]'+theslide[0]+'[/img]'
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
va    r 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>

A leglényegesebb, hogy figyelj a részletekre (csak az első sorban jelzem színessel a kiemelt részeket!)

A szögletes zárójelben lévő számokat ne felejtsd el növekvő sorrendbe átírni (vastagított, piros)
A pirossal jelzett helyre illeszd be a kép linkjét
A kék színnel jelzett helyre kerül a honlap URL-je, vagy pl. az ajánlói kódod, ha valami ptc oldal képét teszed fel

Quote (borbolya)
slideshowcontent[0]=["http://borbolyajob.ucoz.com/kisbannerek/kepborbolyabux.jpg", " http://borbolyabux.info ", "_blank"]
slideshowcontent[1]=["http://borbolyajob.ucoz.com/kisbannerek/kepincentria.gif", " http://www.incentria.com/index.php?ref=borbolya ", "blank"]
slideshowcontent[2]=["http://borbolyajob.ucoz.com/kisbannerek/kepcubez.jpg ", " http://borbolyajob.ucoz.com/news....4-29-31 ", "blank"]
slideshowcontent[3]=["http://borbolyajob.ucoz.com/kisbannerek/kepincrasebux.gif", " https://incrasebux.com/register.php/borbolya.htlm ", "blank"]

Ebben a részben tudod átírni a kép méreteit (ebben az esetben egy 234x30-as "félbanner" méretű forgatót készítettem)

Quote (borbolya)
var trans_width='234px' //slideshow width
var trans_height='30px' //slideshow height

Tipp: A scriptet másold át egy jegyzetlapra, és mentsd el. Aztán csinálj még egy dokumentumot, és mentsd el másként. Ebben aztán dolgozhatsz kedvedre, és a változtatásokat rögtön ki is próbálhatod itt.


borbolya
 
Fórum » Hasznos holmik » Scriptek » Banner rotátor (banner rotátor)
Oldal 1 / 11
Keresés:

Copyright MyCorp © 2017 Az oldal a uCoz rendszerben lett létrehozva