Script - Center - Forgó képek

Forgó képek

Korlátlan mennyiségő kép berakható a forgó képeink közé. Lehet akár linket is adni nekik.

Demó:

Kód: (G-portalosoknak)

// 7 variables to control behavior

var Car_Image_Width=61;

var Car_Image_Height=71;

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://www.topsite.hu/topsite.gif?a=15&w=629","http://www.topsite.hu",

"http://freetopsite.hu/images/honlapbanner.gif","http://www.freetopsite.hu",

"http://webflash.uw.hu/bannercsere/webflashbutton.gif","http://www.webflash.uw.hu",

"http://www.scriptcenter.hu/images/banners/scriptcentermini.png","http://www.scriptcenter.hu",

"http://track.free-toplist.de/l/0000060870","http://www.track.free-toplist.de"

// 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">

Kód: (HTML szerkesztőknek, body -t kiegészíteni ilyen módon)

Kód: (Body tartalom)

// 7 variables to control behavior

var Car_Image_Width=61;

var Car_Image_Height=71;

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://www.topsite.hu/topsite.gif?a=15&w=629","http://www.topsite.hu",

"http://freetopsite.hu/images/honlapbanner.gif","http://www.freetopsite.hu",

"http://webflash.uw.hu/bannercsere/webflashbutton.gif","http://www.webflash.uw.hu",

"http://www.scriptcenter.hu/images/banners/scriptcentermini.png","http://www.scriptcenter.hu",

"http://track.free-toplist.de/l/0000060870","http://www.track.free-toplist.de"

// 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">

A banner képeket és linkeket itt tudod átírni:
/* 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://www.topsite.hu/topsite.gif?a=15&w=629","http://www.topsite.hu", "http://freetopsite.hu/images/honlapbanner.gif","http://www.freetopsite.hu", "http://webflash.uw.hu/bannercsere/webflashbutton.gif","http://www.webflash.uw.hu", "http://www.scriptcenter.hu/images/banners/scriptcentermini.png","http://www.scriptcenter.hu", "http://track.free-toplist.de/l/0000060870","http://www.track.free-toplist.de" // NOTE No comma after last line

A képek nagyságát, lapozás gyorsaságát itt írhatod át:
// 7 variables to control behavior var Car_Image_Width=61; var Car_Image_Height=71; 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

Hozzászólások (12) Add Comment

...
Írta: Stefix, 2009. July. 27

Köszönöm, Sipi!!

Hozzászólás jelentése!

Karme megvonása

Karma adása

Votes: +0

...
Írta: Sipi.., 2009. July. 21

C:/ na igen itt a probléma :p
A képet fel kell tölteni a net-re, és http://.....hu/...gif ként megadni az elérhetőségét, mivel a te számítógépedre nem tudnak csatlakozni a felhasználók, hogy letöltse nekik aböngésző a C:/.....gif képet.

1x forog körbe.. hmm.. mivel ugyis újra kell a képek címét is írnod,ezért vedd elő a kódot újra, az elejétől szerintem.

Hozzászólás jelentése!

Karme megvonása

Karma adása

Votes: +1

...
Írta: Stefix, 2009. July. 18

AZ előző leírásomnál, az elérési útmál,illetve a html szövegnél természetesen van /- jel, csak itt lemaradt. Viszont úgy látszik, hogy ez a probléma vitaminja!!! Úgyanis a html- normál per jelet használ: / ..és ha képet akarsz rakni akkor az elérési útnál át kell írni a jelet, ilyenre: / . Nehéz az élet :-D ! ..De, hogy szenvedjek még egy kicsit, most az történt, hogy csak egyszer forgatja meg a képeket, s utána csak üres keretek forognak. Erre tudnál valami megoldást, "konyhanyelven" ? Köszi.

Hozzászólás jelentése!

Karme megvonása

Karma adása

Votes: +0

...
Írta: Stefix, 2009. July. 17

Szió! Elöször is, kösz a gyors választ! ..de a problémám az továbbra sem oldódott meg. Biztos teljesen SÍK vagyok, de én akkor is szeretnék megoldást valahogy. A http://.....hu/.....gif -et kitöröltem és beírtam a helyére : "C:Documents and SettingsBundiDokumentumokWebLapokAlapok15.jpg" ....és semmi! Hol rontottam el?

Hozzászólás jelentése!

Karme megvonása

Karma adása

Votes: +0

...
Írta: Sipi.., 2009. July. 15

Elolvasod a cikket egyértelműen levan írva ;)
A http://.....hu/.....gif -eh helyére add meg saját képeid elérhetőségét.
A hivatkozás eltüntetéséhez pedig töröld a http://valami.hu linkeket.

remélem érthető, de levan ez is írva.

Hozzászólás jelentése!

Karme megvonása

Karma adása

Votes: +0

...
Írta: Stefix, 2009. July. 14

Sziasztok! Ha azt szeretném, hogy a termékeim forogjanak körbe-körbe, akkor honyan kell belerakni a képet? Illetve, melyik részbe kell illeszteni, de nem mint hivatkozásként, hanem képként? Előre is köszönöm a segítséget.

Hozzászólás jelentése!

Karme megvonása

Karma adása

Votes: +0

...
Írta: sprektum, 2009. May. 16

Megtudod csinálni és annyi képet raksz bele amennyit akarsz, de előtte nem árt a képeket egyforma méretűre tenned úgy be illeszteni.
magad meg tudod adni menyi kép legyen benne stb

Hozzászólás jelentése!

Karme megvonása

Karma adása

Votes: +0

...
Írta: dantian, 2008. September. 10

Szia, a képeket, linkeket, méreteket sikerült megváltoztatnom, de hogyan tudom bepozicionálni az objektumot, hogy mondjuk a lap alján a jobb oldalon legyen, vagy épp legfelül középen? Sajnos a scriptekhez nem értek, csak a html kódokhoz (egy keveset)...
Köszönöm szépen a segítséget!

Hozzászólás jelentése!

Karme megvonása

Karma adása

Votes: +2

...
Írta: Berecz Krisztián, 2008. September. 08

A kódot gyorsan átfutva úgy látomk nincs rá lehetőség...

Hozzászólás jelentése!

Karme megvonása

Karma adása

Votes: +0

...
Írta: Kis Zoltán, 2008. September. 08

Ez megoldható valahogy?

Hozzászólás jelentése!

Karme megvonása

Karma adása

Votes: +0

...
Írta: Kis Zoltán, 2008. September. 08

Arra gondolok, hogy pl. egy adott mappába bemásolt képeket felismerje és automatikusan felhasználja

Hozzászólás jelentése!

Karme megvonása

Karma adása

Votes: +1

...
Írta: Kis Zoltán, 2008. September. 08

Nagyon jó cucc, de hogy lehetne megoldani, hogy ne kelljen cimkézni vagyis megadni a hivatkozásokat?
A

Hozzászólás jelentése!

Karme megvonása

Karma adása

Votes: +1

Szóljon hozzá Ön is!

[ Vissza ]

Scriptek, html kódok

Hihetetlen Akció!
Hirdess itt!

scriptek

Script - Center

Menü

Egyéb

Színskála

Scriptek, html kódok

TOP 20

Friss kódok