- ARCHIVES
- » Mods close this topic if repost.. First go to your hosting site and create a folder named it to "js" were going to put two of js codes 3Dcarousel and mootools. Download this : [url=http://h1.ripway.
Pages: 1
Mods close this topic if repost.. First go to your hosting site and create a folder named it to "js" were going to put two of js codes 3Dcarousel and mootools. Download this : [url=http://h1.ripway.
- chardlau
- » n00b
38
0
1969-12-31
Mods close this topic if repost.. First go to your hosting site and create a folder named it to "js" were going to put two of js codes 3Dcarousel and mootools. Download this : [url=http://h1.ripway.
Mods close this topic if repost..
First go to your hosting site and create a folder named it to "js" were going to put two of js codes 3Dcarousel and mootools.
Download this : [url=http://h1.ripway.com/chardlau/js/mootools.js]MOOTOOLS[/url] - upload in your JS folder named it to mootools.js
Save this code : -upload in your JS folder named it to 3dcarousel.js [spoiler]var count = 0;
var baseSpeed = 0.05;
var radiusX = 190;
var radiusY = 40;
var centerX = 300;
var centerY = 90;
var speed = 0.3;
var imageDivs = '';
var numberOfElements = 0;
var carousel = '';
var speedTest = '';
window.addEvent('domready', function(){
carousel = $('carousel');
speedTest = $('speedTest');
imageDivs = carousel.getElementsByTagName("div");
numberOfElements = imageDivs.length;
setInterval('startCarousel()',40);
carousel.addEvent('mousemove', onMouseMove.bindWithEvent( carousel ));
});
function onMouseMove( evt ) {
tempX = evt.client.x;
speed = (tempX - centerX) / 2500;
}
function startCarousel(){
for(i=0; i < numberOfElements; i++){
angle = i * ( Math.PI * 2 ) / numberOfElements;
imageDivsStyle = imageDivs[ i ].style;
imageDivsStyle.position='absolute';
posX = ( Math.sin( count * ( baseSpeed * speed ) + angle )* radiusX + centerX );
posY = ( Math.cos( count * ( baseSpeed * speed ) + angle )* radiusY + centerY );
imageDivsStyle.left = posX+"px";
imageDivsStyle.top = posY+"px"
imageDivWidth = posY/3;
imageDivZIndex = Math.round(imageDivWidth)+100;
imageDivsStyle.width = imageDivWidth+'px';
imageDivsStyle.zIndex = imageDivZIndex;
angle += speed;
}
count++
}[/spoiler]
adjust the variable baseSpeed, radiusX, radiusY, centerX and centerY
Copy the code and named it to 3dcarousel.html and upload in your hosting site.
[spoiler]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Mootools 3D Carousel</title>
<style>
#carousel{
background-color:#FFFFFF;
width:600px;
height:300px;
position:relative;
border:1px solid #FFFFFF;
}
img{
width:95px;
height:95px;
border:0px solid #FFFFFF;
display:block;
}
</style>
<script src="js/mootools.js" type="text/javascript"></script>
<script src="js/3dcarousel.js" type="text/javascript"></script>
</head>
<body>
<div id="carousel">
<div><a href="URL OF YOUR FRIENDS"><img src="URL OF YOUR FRIENDS PHOTO" /></a></div>
<div><a href="URL OF YOUR FRIENDS"><img src="URL OF YOUR FRIENDS PHOTO" /></a></div>
<div><a href="URL OF YOUR FRIENDS"><img src="URL OF YOUR FRIENDS PHOTO" /></a></div>
<div><a href="URL OF YOUR FRIENDS"><img src="URL OF YOUR FRIENDS PHOTO" /></a></div>
<div><a href="URL OF YOUR FRIENDS"><img src="URL OF YOUR FRIENDS PHOTO" /></a></div>
<div><a href="URL OF YOUR FRIENDS"><img src="URL OF YOUR FRIENDS PHOTO" /></a></div>
</div>
</body>
</html>[/spoiler]
you may add more picture by inserting this code inside div section.
<">Please adjust width and height of the carousel and img at the style section as well as background.
I used 650px because my box is 650 width and for images you may adjust in any size.
finally, insert this code in your JS extension.
[spoiler]var pogsit = "<iframe style='FILTER: chroma(color=transparent)' allowtransparency='true' frameborder=0 width='100%' height='250' scrolling='no' src=URL OF YOUR HTML FILE></iframe>";
document.getElementById('content_2').style.height='250px';
document.getElementById('content_2').style.overflowY='hidden';
document.getElementById('content_2').innerHTML = "<table width='100%'><tr><td align='center'>"+pogsit+"</td></tr></table>";[/spoiler]
Replace URL
[url=http://www.friendster.com/68405447]PROFILE PREVIEW[/url]
best viewed with Firefox
Last edited by chardlau (2008-09-03 08:22:05)
 |
- gratitude1
- » FTalkElite
- 4368
- 0
- 1969-12-31
Re: Mods close this topic if repost.. First go to your hosting site and create a folder named it to "js" were going to put two of js codes 3Dcarousel and mootools. Download this : [url=http://h1.ripway.
nice scirpt
tnx for sharing..!
|
- ---xXirukiTepe---
- » SuperFTalker
- 8896
- 0
- 1969-12-31
Re: Mods close this topic if repost.. First go to your hosting site and create a folder named it to "js" were going to put two of js codes 3Dcarousel and mootools. Download this : [url=http://h1.ripway.
[b]wow another mootools... trick..[/b]
|
- krjalagat
- » FTalker
- 290
- 0
- 1969-12-31
Re: Mods close this topic if repost.. First go to your hosting site and create a folder named it to "js" were going to put two of js codes 3Dcarousel and mootools. Download this : [url=http://h1.ripway.
nice trick!!
maybe ill use this one after i study tonight
|
- cklahrckiey
- » FTalkFreak
- 1891
- 0
- 1969-12-31
Re: Mods close this topic if repost.. First go to your hosting site and create a folder named it to "js" were going to put two of js codes 3Dcarousel and mootools. Download this : [url=http://h1.ripway.
cool carousel bro...hehehe
i've seen the preview and great 
|
- darylldelfin
- » FTalkGeek
- 1389
- 0
- 1969-12-31
Re: Mods close this topic if repost.. First go to your hosting site and create a folder named it to "js" were going to put two of js codes 3Dcarousel and mootools. Download this : [url=http://h1.ripway.
nice indeed ... 
the other gallery on the preview is wicked ..
not for [s]kids[/s] .. 
the other gallery on the preview is wicked ..
not for [s]kids[/s] ..
|
- chardlau
- » n00b
- 38
- 0
- 1969-12-31
Re: Mods close this topic if repost.. First go to your hosting site and create a folder named it to "js" were going to put two of js codes 3Dcarousel and mootools. Download this : [url=http://h1.ripway.
[quote=darylldelfin]nice indeed ...
the other gallery on the preview is wicked ..
not for kids ..[/quote]
Oh im sorry.. some of my gallery pics contains nudity and are not suitable for kids. Parental Guidance is advised.
Oh im sorry.. some of my gallery pics contains nudity and are not suitable for kids. Parental Guidance is advised.
Last edited by chardlau (2008-09-03 10:33:01)
|
- killxromance
- » FTalkAddict
- 315
- 0
- 1969-12-31
Re: Mods close this topic if repost.. First go to your hosting site and create a folder named it to "js" were going to put two of js codes 3Dcarousel and mootools. Download this : [url=http://h1.ripway.
nice trick
thnk's more more!
[align=center][img]http://i194.photobucket.com/albums/z39/joven0008/joven-2.gif[/img][/align]
[spoiler][scroll][b][s]KILL X ROMANCE[/s][/b][/scroll][/spoiler]
|
- exeyulianto
- » n00b
- 1
- 0
- 1969-12-31
Re: Mods close this topic if repost.. First go to your hosting site and create a folder named it to "js" were going to put two of js codes 3Dcarousel and mootools. Download this : [url=http://h1.ripway.
paste where..???
|
- exceed
- » Banned
- 47
- 0
- 1969-12-31
Re: Mods close this topic if repost.. First go to your hosting site and create a folder named it to "js" were going to put two of js codes 3Dcarousel and mootools. Download this : [url=http://h1.ripway.
faboluos :clap: :clap: your the man..we can adjust the size of the images right? and how many images should it be..
|
- darkhangelsk
- » n00b
- 2
- 0
- 1969-12-31
Re: Mods close this topic if repost.. First go to your hosting site and create a folder named it to "js" were going to put two of js codes 3Dcarousel and mootools. Download this : [url=http://h1.ripway.
nice one!!! 
.... sana magamit ko din.. hehehehe
.... sana magamit ko din.. hehehehe
|
- lizzie9201
- » FTalkAddict
- 476
- 0
- 1969-12-31
Re: Mods close this topic if repost.. First go to your hosting site and create a folder named it to "js" were going to put two of js codes 3Dcarousel and mootools. Download this : [url=http://h1.ripway.
wow.. nyc trick..
i'd like to try this one..
|
- xoxotam
- » FTalker
- 107
- 0
- 1969-12-31
Re: Mods close this topic if repost.. First go to your hosting site and create a folder named it to "js" were going to put two of js codes 3Dcarousel and mootools. Download this : [url=http://h1.ripway.
hey...is it workin when your using hide codes?? ^^
|