credits [b]Javascript and HTML Thumbnail Image Scroller[/b] this script is just a simple Vertical Scroller in your friend box [b]step 1[/b] save this parts [url=http://h1.ripway.com/theused/up.gif]up.gif[/url] [url=http://h1.ripway.com/theused/down.gif]down.gif[/url] name them [b]up.gif[/b] & [b]down.gif[/b] [b]step 2[/b] make a thumbnail of your friend image recommended [b]96x128 pixels[/b] thumbnail image ex. [img]http://h1.ripway.com/theused/thmb_0001.jpg[/img] [b]step 3[/b] download [url=http://h1.ripway.com/theused/thumbscroller.js]thumbscroller.js[/url] save that as [b]thumbscroller.js[/b] [b]step 4[/b] save this as [b]imagescroller.js[/b] [quote]//create an image scroller object var imageScroller_61305134; //delay all code execution untill after page load addAnEvent(window, "load", loadScroller_61305134); function loadScroller_61305134() { imageScroller_61305134 = new ImageScroller("imageScrollerFrame_61305134", "imageScrollerImageRow_61305134"); //** [begin] Modify these to change your images **// imageScroller_61305134.setThumbnailWidth(96); imageScroller_61305134.setThumbnailHeight(128); imageScroller_61305134.setScrollSpeed(21); imageScroller_61305134.setScrollAmount(2); imageScroller_61305134.setThumbsShown(3); imageScroller_61305134.setAutoLoop("True"); imageScroller_61305134.setScrollType(1); imageScroller_61305134.setThumbnailPadding(3); imageScroller_61305134.addThumbnail("[b]friend thumbnail image link[/b]", "http://profiles.friendster.com/[b]########[/b]", "[b]Friends Name[/b]", ""); imageScroller_61305134.addThumbnail("[b]friend thumbnail image link[/b]", "http://profiles.friendster.com/[b]########[/b]", "[b]Friends Name[/b]", ""); imageScroller_61305134.addThumbnail("[b]friend thumbnail image link[/b]", "http://profiles.friendster.com/[b]########[/b]", "[b]Friends Name[/b]", ""); imageScroller_61305134.addThumbnail("[b]friend thumbnail image link[/b]", "http://profiles.friendster.com/[b]########[/b]", "[b]Friends Name[/b]", ""); imageScroller_61305134.addThumbnail("[b]friend thumbnail image link[/b]", "http://profiles.friendster.com/[b]########[/b]", "[b]Friends Name[/b]", ""); imageScroller_61305134.addThumbnail("[b]friend thumbnail image link[/b]", "http://profiles.friendster.com/[b]########[/b]", "[b]Friends Name[/b]", ""); //** [end] Modify these to change your images **// imageScroller_61305134.enableThumbBorder(false); imageScroller_61305134.setClickOpenType(1); imageScroller_61305134.setNumOfImageToScroll(1); imageScroller_61305134.renderScroller(); };[/quote] just edit the bold parts [b]step 5[/b] save this as [b].html[/b] <">[b]step 6[/b] paste this on your Onload Handler [quote]var tax = "<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='100%' height='470' scrolling='no' src=[b]Link of your html[/b]></iframe>"; addBox("RIGHT","FEATURED FRIENDS",tax,"div_164","2");[/quote] just edit the bold part then your done for best results, add this to your css <">[b]Screenshots[/b] [img]http://img363.imageshack.us/img363/8855/15469390wa7.png[/img] [url=http://h1.ripway.com/theused/slide.html]Sample[/url] [url=http://profiles.friendster.com/68067547]Preview[/url]

Last edited by simpleMe (2008-06-18 00:54:35)