Vasárnap, 2017-11-19, 15:13
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 » Forgó képek (forgó képek)
Forgó képek
borbolyaDátum: Szerda, 2010-12-15, 19:23 | Üzenet # 1
Generalisszimusz
Csoport: Adminisztrátorok
Üzenetek: 1395
Kitüntetések: 1
Hírnév: 1
Állapot: Offline
Az alábbi kódot másold be az oldaladra. A forgó képeket a job főoldalán, a bal oldali sávban láthatod. Elvileg 6-7 képet gond nélkül elhelyezhetsz rajta.

Code
<BODY onload="Carousel()" background=>
<script type="text/javascript">
// 7 variables to control behavior
             var Car_Image_Width=81;
             var Car_Image_Height=91;
             var Car_Border=true;                   // true or false
             var Car_Border_Color="#BCBFFF";
             var Car_Speed=10;
             var Car_Direction=true;                 // true or false
             var Car_NoOfSides=6;                 // must be 4, 6, 8 or 12
  /* array to specify images and optional links.
             For 4 sided carousel specify at least 2 images
             For 6 sided carousel specify at least 3
             For 8 sided carousel specify at least 4
             For 12 sided carousel specify at least 6
  If Link is not needed keep it ""
*/
             Car_Image_Sources=new Array(
                        "http://borbolyajob.ucoz.com/karacsony.jpg","http://borbolyaapro.ucoz.com",
                         "http://borbolyajob.ucoz.com/kiskepbux.gif","http://borbolyabux.info/",
                         "http://borbolyajob.ucoz.com/kalapos.jpg","http://borbolyajob.ucoz.com"
                         
                         // NOTE No comma after last line
                         );
  /***************** DO NOT EDIT BELOW **********************************/
             CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);
             C_Coef=new Array(
                         3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4,            0,
                         Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);
             var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;
             C_Pre_Img=new Array(Car_Image_Sources.length);
             var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,
             C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;
             function Carousel(){
                         if(document.getElementById){
                    for(i=0;i<Car_Image_Sources.length;i+=2){
                    C_Pre_Img[i]=new Image();C_Pre_Img[i].src=Car_Image_Sources[i]}
                    C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1;
                    Car_Div=document.getElementById("Carousel");
                    for(i=0;i<C_HalfNo;i++){
                    CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]);   
                    CW_I[i].style.position="absolute";
                    CW_I[i].style.top=0+"px";
                    CW_I[i].style.height=Car_Image_Height+"px";
                    if(Car_Border){
                    CW_I[i].style.borderStyle="solid";
                    CW_I[i].style.borderWidth=1+"px";
                    CW_I[i].style.borderColor=Car_Border_Color}
                    CW_I[i].src=Car_Image_Sources[2*i];
                    CW_I[i].lnk=Car_Image_Sources[2*i+1];
                    CW_I[i].onclick=C_LdLnk;
                    CW_I[i].onmouseover=C_Stp;
                    CW_I[i].onmouseout=C_Rstrt}
                    CarImages()}}
             function CarImages(){
                         if(!C_Stppd){
                    C_TotalW=0;
                    for(i=0;i<C_HalfNo;i++){
                    C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width);
                    C_TotalW+=C_ClcW[i]}
                    C_LeftOffset=(C_MaxW-C_TotalW)/2;
                    for(i=0;i<C_HalfNo;i++){
                    CW_I[i].style.left=C_LeftOffset+"px";
                    CW_I[i].style.width=C_ClcW[i]+"px";
                    C_LeftOffset+=C_ClcW[i]}
                    C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1);
                    if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){
                    if(C_CrImg==Car_Image_Sources.length)C_CrImg=0;
                    if(Car_Direction){
                    CW_I[C_HalfNo]=CW_I[0];
                    for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1];
                    CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg];
                    CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]}
                    else{            for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1];
                    CW_I[0]=CW_I[C_HalfNo];
                    CW_I[0].src=Car_Image_Sources[C_CrImg];
                    CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]}

                    C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}}
                         setTimeout("CarImages()",50)}
              function C_LdLnk(){if(this.lnk)window.location.href=this.lnk}
             function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}
             function C_Rstrt(){C_Stppd=false}
</script> <div id="Carousel" style="position:relative; width:130; height:21">

Hozzáadva (2010-12-15, 7:23 PM)
---------------------------------------------

Quote (borbolya)
"http://borbolyajob.ucoz.com/karacsony.jpg","http://borbolyaapro.ucoz.com",
"http://borbolyajob.ucoz.com/kiskepbux.gif","http://borbolyabux.info/",
"http://borbolyajob.ucoz.com/kalapos.jpg","http://borbolyajob.ucoz.com"

Ebben a részben változtathatod meg a képet és a linket. A pirossal jelzett helyre a kép linkjét, a kékkel jelzettre pedig a honlap URL-jét illeszd be! Ha több képet szeretnél elhelyezni, figyelj arra, hogy legyen vessző annak a sornak a végén, amelyik után még tervezel újabb sort. Az utolsóhoz már nem kell vesszőt tenni.


borbolya
 
Fórum » Hasznos holmik » Scriptek » Forgó képek (forgó képek)
Oldal 1 / 11
Keresés:

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