[chinofeliz]

Hi folks, I'm pretty keen on updating my MSN Space and making it look good.

The Custom HTML sandbox powertoy's great but I want something more from it.

I usually put my display/customized blog title pic in there but I've got quite a few of them and I'm still designing.

Just curious to know that whether there's a way to show a random image each time.

My format now is <div align=CENTER><img src="image"></div>, host my pix using ImageShack. Tried putting "or" between the image links but that just shows all the images with the text "or" in between once my Space's loaded.

Cheers everyone.

[Advertisements]

Do you want to show a random image each time page loads, random image in sort of a slide show, image depending on the day of the week, random image if viewer is instructed to click on a link/button?

Most of all of these can be done by JavaScript. See the latter one above at:

Banners Samples

Post your requirements and we may be able to come up with something here are get you to sources that will help.

Ron

[Major Payne]

Do you want to show a random image each time page loads, random image in sort of a slide show, image depending on the day of the week, random image if viewer is instructed to click on a link/button?

Most of all of these can be done by JavaScript. See the latter one above at:

Banners Samples

Post your requirements and we may be able to come up with something here are get you to sources that will help.

Ron

[chinofeliz]

Hi mate, thanks for the reply. It doesn't have to be fancy/precise/animated at all. I just wanted to upload all my designs onto ImageShack, then somehow write a "script" in the CUSTOMIZE HTML sandbox so each time someone visits my MSN Space page a random image pops up.

I've got them in a gif slideshow atm but not really happy with it. Some of my friends they're still on dial up so it takes them a while to load that gif image too. So it would be really nice just to have one random design everytime.

Thank you

[Major Payne]

You can copy the HTML code and javascript program off my site which is the link I gave you earlier or I can PM you the code. If you refresh the page you will see the banner display a different image each time you reload/visit the page. Check and see if this will work for you.

Ron

[chinofeliz]

Hi mate, yeah I saw the sample you gave me the first time and it was nice - in fact everytime I need a random image and it doesn't even need to be animated gif, just happy with a still jpeg/jpg.

But I'm kinda new to this and I couldn't find any "codes" on that sample page, could you send the code to me please? I host my images with ImageShack, for the image links just put "image link".

Thanks so much

[Major Payne]

Hi:

Sorry for delay in replying. This is the HTML code that is on the page itself:

<script type="text/javascript" src="js/js_banner.js"></script>
<div class="ctr">Click Link Above for Random Change</div>

This is the JavaScript which is in a separate file referenced above (js_banner.js):

<!--

var how_many_ads = 11;
var now = new Date();
var sec = now.getSeconds();
var ad = sec % how_many_ads;
ad +=1;

if (ad==1) {
txt="Animated Banner 001";
url="http://www.payneless..._banners.html";
alt="PayneLess Designs 001";
banner="imgs/ani_PayneLess_001.gif";
width="400";
height="42";
}

if (ad==2) {
txt="Animated Banner 002";
url="http://www.payneless..._banners.html";
alt="PayneLess Designs 002";
banner="imgs/ani_PayneLess_002.gif";
width="400";
height="42";
}

if (ad==3) {
txt="Animated Banner 003";
url="http://www.payneless..._banners.html";
alt="PayneLess Designs 003";
banner="imgs/ani_PayneLess_003.gif";
width="400";
height="42";
}

if (ad==4) {
txt="Animated Banner 004";
url="http://www.payneless..._banners.html";
alt="PayneLess Designs 003";
banner="imgs/ani_PayneLess_004.gif";
width="400";
height="42";
}

if (ad==5) {
txt="Animated Banner 005";
url="http://www.payneless..._banners.html";
alt="PayneLess Designs 005";
banner="imgs/ani_PayneLess_005.gif";
width="400";
height="42";
}

if (ad==6) {
txt="Animated Banner 006";
url="http://www.payneless..._banners.html";
alt="PayneLess Designs 006";
banner="imgs/ani_PayneLess_006.gif";
width="400";
height="42";
}

if (ad==7) {
txt="Animated Banner 007";
url="http://www.payneless..._banners.html";
alt="PayneLess Designs 007";
banner="imgs/ani_PayneLess_007.gif";
width="400";
height="42";
}

if (ad==8) {
txt="Banner 008";
url="http://www.payneless..._banners.html";
alt="PayneLess Designs 008";
banner="imgs/ban_005Payneless_jony.gif";
width="400";
height="42";
}

if (ad==9) {
txt="Banner 009";
url="http://www.payneless..._banners.html";
alt="PayneLess Designs 009";
banner="imgs/ban_004PayneLess_Pastor_of_Puppets.gif";
width="400";
height="42";
}

if (ad==10) {
txt="Banner 011";
url="http://www.payneless..._banners.html";
alt="PayneLess Designs 010";
banner="imgs/ban_006PayneLess_Ashley_Outline.gif";
width="400";
height="42";
}

if (ad==11) {
txt="Banner 012";
url="http://www.payneless..._banners.html";
alt="PayneLess Designs 011";
banner="imgs/ban_007PayneLess_Flag.gif";
width="400";
height="42";
}

document.write('<center>');
document.write('<a href=' + url + ' target=\"_top\">');
document.write('<img src=' + banner + ' width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=' + alt + ' style=\"border:dashed 2px; background-color:#999999;\"><br><br>');
document.write('<small>' + txt + '<\/small><\/a>');
document.write('<\/center>');

//-->

Just sub your own info into the script. Set ' var how_many_ads = 11; ' to the number of images you will have. Let me know if you have problems.

Ron

[chinofeliz]

Hey thanx man for replying.

As I mentioned above I'm using MSN Space which means there isn't really much option to customize. I'm not allowed to host my image/display banner files or text file with command inside on the MSN space given to me.

Is the method you showed me only for someone with a domain? Don't think anything wih Java involved would work with MSN Space.

Cheers

[TaNkZ101]

it's not Java, it's JavaScript which is a browser scripting language.

JavaScript is the scripting language of the Web!

JavaScript is used in millions of Web pages to improve the design, validate forms, detect browsers, create cookies, and much more.

JavaScript is the most popular scripting language on the internet.

Edited by TaNkZ101, 24 April 2006 - 04:22 AM.

[chinofeliz]

See I'm embarrassed and I'm not - many call it Java and since I know nothing about it so I followed

So tell me then, JavaScript master, can I use it in the MSN Space "Custom HTML" sandbox to achieve the random display banner?

[Major Payne]

Don't know how this got lost in the shuffle, but was cleaning out a lot of email notifications and came across yours. Since the original posts, I've learned that MySpace stips out any Java or JavaScripting programming. There are a few other things it strips out, but it's enough to keep you from doing what you want with JS.

Ron