"Top Stories" Thing

[Luke]

Hey, on clubhabbo.net

They have in the middle, a top sotries where the images change by there self. Has anybody got a link to this (preferebly dynamicdrive.com)

+rep

Thanks
Luke

[ScottDiamond.]

Ummm....what?

[Luke]

on clubhabbo, in the middle of the three boxes at the top, it like has a slideshow of top stories

Can anyone find this?

[ScottDiamond.]

on clubhabbo, in the middle of the three boxes at the top, it like has a slideshow of top stories

Can anyone find this?

It's using Javascript, though it would be SOOOOOOOOOOOOOO much easier using PHP. Invent posted code for the random switcher in PHP a while back.

[timROGERS]

Just use a random image script in PHP, and then make the iFrame it's in auto refresh, or alternatively if you're not using iFrames you could just update it with Javascript.

[Luke]

hmm, i'd prefer one of dynamic drive xD

Is there a tut or something?

[ScottDiamond.]

hmm, i'd prefer one of dynamic drive xD

Is there a tut or something?

Dynamic Drive uses vomit loads of code.

[RedCrisps]

why not take it of clubhabbo like?

[Aflux]

hmm, i'd prefer one of dynamic drive xD

Is there a tut or something?
Why are you so insistent on using DD?

[Tomm]

Just use setTimeout and getElementById to update the image (No I am not going to give you copy and paste code, you should learn).

[Eccentric]

Lol tomm<3

Ill look on dd for u now soon as ure so desp.

http://dynamicdrive.com/dynamicindex18/gajaxrssticker.htm
http://dynamicdrive.com/dynamicindex2/ajaxticker.htm
http://dynamicdrive.com/dynamicindex2/xmlticker2.htm

WARNING THIS WAS TAKEN FROM CLUBHABBO AND YOU MAY NEED PERMISSION!

<script type="text/javascript">

var preloaded = new Array();
function preloadImages() {
for (var i = 0; i < arguments.length; i++){
preloaded[i] = document.createElement('img');
preloaded[i].setAttribute('src',arguments[i]);
};
};
preloadImages(
'../images/sitebanners/clubhabbowood.gif',
'../images/sitebanners/donate.gif',
'../images/sitebanners/meetthedjs.gif'
);

var links = new Array(
'../community/habbowoodcomp.html',
'../clubhabbo/donate.php',
'../cutenews/show_news.php?subaction=showfull&id=1188621825&archive=&start_from=&ucat=25&'
);

var text = new Array(
'ClubHabboWood is back! Can you win the <b>ClubHabbo Digital Movie Awards</b>!?',
'Want <b>your</b> name on ClubHabbo? If so, why not donate some furniture?',
'Come and <b>Meet The DJs</b> who make ClubHabbo Radio what it is! Just <b>click here!</b>'
);

var curOffset = 1;

window.onload=function() {
document.getElementById('randLink').href = links[0];
document.getElementById('randImage').src = preloaded[0].src;
document.getElementById('randText').innerHTML = text[0];
setInterval(
function() {
document.getElementById('randLink').href = links[curOffset];
document.getElementById('randImage').src = preloaded[curOffset].src;
document.getElementById('randText').innerHTML = text[curOffset];
curOffset = (curOffset >= preloaded.length-1) ? 0 : curOffset + 1;
}, 10000);
};
</script>
and displays id="randlink" on images and iframe :)

[Scania]

As someone said, Invent posted one.. It should be in the coding section.

[ScottDiamond.]

As someone said, Invent posted one.. It should be in the coding section.

This made me LOL.

[QuickScriptz]

Just Google "php image switcher".

[Scania]

He already got it in the above post..

[Luke]

thanks ecronic (fogot name ) :P

EDIT: Sorry, gotta spread :(