[b]Image Rotator for banner, for friends box and for photo gallery[/b] [b]Credits:[/b] Loyce Bradley Petrey(http://www.EchoChrist.com/MagicImage) and Dynamic Drive (www.dynamicdrive.com) I edited some of the code to work on friendster but I'm just a newbie so I'm not sure if I did it properly. [b]I tried it on IE7 but I'm not sure if it works on other browser.[/b] [b][url=http://profiles.friendster.com/mytestpage1]Preview[/url][/b] Get Code for Banner Rotator [b][url=http://h1.ripway.com/sallie23ferrer/alvin/imageRotator/bannerRotator.txt]Here[/url][/b] Get Code for friend image rotator [b][url=http://h1.ripway.com/sallie23ferrer/alvin/imageRotator/friendsPicRotator.txt]Here[/url][/b] Get Code for Photo Gallery image rotator [b][url=http://h1.ripway.com/sallie23ferrer/alvin/imageRotator/photoGalleryImageRotator.txt]Here[/url][/b] [b]For banner Rotator[/b] [spoiler]edit this part ['userid1', 'URL of banner1', 'Title 1'], // ['URL to linked page', 'URL to image', 'Caption under picture']// ['userid2', 'URL of banner2', 'Title 2'], // The caption is not required and may be left blank like this: // ['userid3', 'URL of banner3', 'Title 3'], // ['URL to linked page', 'URL to image', '']// ['userid4', 'URL of banner4', 'Title 4'], // Add as many images as you like seperated by commmas// ['userid5', 'URL of banner5', 'Title 5'], // Almost ALL errors are caused by the url or path being wrong // ['userid6', 'URL of banner6', 'Title 6'] // The LAST image declaration does NOT have a comma after it // edit userid(optional), url of banner, title(optional) then save as bannerRotator.js on your webhost <">put the url of banerRotator.js and add this code to your js.[/spoiler] [b]For friend image Rotator[/b] [spoiler]edit this part ['friend userid1', 'URL of picture1', '<a href="/friendsuserid">friendname 1</a><br><br>comment1 comment1 comment1 comment1 comment1 comment1 comment1 comment1'], // ['URL to linked page', 'URL to image', 'Caption under picture']// ['friend userid2', 'URL of picture2', '<a href="/friendsuserid">friendname 2</a><br><br>comment2 comment2 comment2 comment2 comment2 comment2 comment2 comment2'], // The caption is not required and may be left blank like this: // ['friend userid3', 'URL of picture3', '<a href="/friendsuserid">friendname 3</a><br><br>comment3 comment3 comment3 comment3 comment3 comment3 comment3 comment3'], // ['URL to linked page', 'URL to image', '']// ['friend userid4', 'URL of picture4', '<a href="/friendsuserid">friendname 4</a><br><br>comment4 comment4 comment4 comment4 comment4 comment4 comment4 comment4'], // Add as many images as you like seperated by commmas// ['friend userid5', 'URL of picture5', '<a href="/friendsuserid">friendname 5</a><br><br>comment5 comment5 comment5 comment5 comment5 comment5 comment5 comment5'], // Almost ALL errors are caused by the url or path being wrong // ['friend userid6', 'URL of picture6', '<a href="/friendsuserid">friendname 6</a><br><br>comment6 comment6 comment6 comment6 comment6 comment6 comment6 comment6'] // The LAST image declaration does NOT have a comma after it // edit frienduserid, url of picture, friendname, comment then save as friendImageRotator.js on your webhost <">put the url of friendImageRotator.js and add this code to your js.[/spoiler] [b]For Photo Gallery image Rotator[/b] [spoiler]edit this part [ ['friend userid1 optional', 'url of picture', 'Title 1'], // ['URL to linked page', 'URL to image', 'Caption under picture']// ['friend userid2 optional', 'url of picture', 'Title 2'], // The caption is not required and may be left blank like this: // ['friend userid3 optional', 'url of picture', 'Title 3'], // ['URL to linked page', 'URL to image', '']// ['friend userid4 optional', 'url of picture', 'Title 4'], // Add as many images as you like seperated by commmas// ['friend userid5 optional', 'url of picture', 'Title 5'], // Almost ALL errors are caused by the url or path being wrong // ['friend userid5 optional', 'url of picture', 'Title 6'] // The LAST image declaration does NOT have a comma after it // ]; edit frienduserid(optional), url of picture, Title then save as photoImageRotator.js on your webhost <">put the url of photoImageRotator.js and add this code to your js.[/spoiler] [b]code for ShakeImage[/b] [spoiler]/**************************************** Shake image script (onMouseover)- � Dynamic Drive (www.dynamicdrive.com) For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com *****************************************/ //configure shake degree (where larger # equals greater shake) var rector=3 ///////DONE EDITTING/////////// var stopit=0 var a=1 function initshake(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a=){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 }[/spoiler] copy and paste at the bottom of your js.. [b]then add this to your external css[/b] [spoiler].shakeimage {position:relative;}[/spoiler] thats it. [b][url=http://profiles.friendster.com/mytestpage1]Preview[/url][/b]

Last edited by vinok (2008-09-16 15:47:06)