0

This site's instructions seem so straightforward:
http://sonspring.com/journal/easy-random-css-backgrounds


"1.Go download rotator.txt from A List Apart.
2.Put the images to be rotated in the same directory as rotator.php.
3.Upload all the files via FTP."

However, the "A List Apart" link doesn't work. I can't get much further if I can't do #1. This stuff is still new to me.

Can someone point me in the right direction?

OR - Is there, perhaps, an easier way to do this?
(note: this is what I want .... http://host.sonspring.com/css-rotator/ )
Nathan Smith, thanks!

Thank you,
Liz

Edited by LizAE: n/a

3
Contributors
15
Replies
16
Views
6 Years
Discussion Span
Last Post by LizAE
0

Link works just fine here.

Odd. Not sure why it didn't work for me.
Thanks, I'll get back to you when I have more questions!

Liz

0

Ok, when I try to save the text as a "php" file, it comes out as ".php.txt"

Help?

0

It still says "php.txt" when I upload it to my design site. As long as the .php is there, doe sit matter?

Also:

#rotator {
background: url(images/rotator.php) no-repeat center top;
width: 700px;
height: 150px;
}

The url would be the directory where I have my images and rotator file, right?
The same photo keeps showing up. Nothing random...

0

Yes, it does matter. Remove the .txt after uploading. Note that the path is relative to the folder where the CSS file is, so you may need to prepend / or ../ to images/rotator.php

0

What if my images are just on my C:/ and labeled "Image1, Image2,..." etc?

0

Argh!
This still isn't working.

Is there an easier way to do it? I've done a few things in Html. Some sort of code I can just type in? Please don't tell me to "google it" b/c I've done that and I just need a straightforward answer...

Much appreciation in advance,
Liz

0

I figured it out!
The site designer won't support PhP.
C'est la vie.

I figured it out with java script, but now... My page won't even scroll down.
Why?

0

No, it's not. I can't put it online for a month or so.

<script type="text/javascript"> 
<!-- Hide
pics=new Array("http://app4.websitetonight.com/projects/1/2/2/5/122554/uploads/PicLogo1.jpg","http://app4.websitetonight.com/projects/1/2/2/5/122554/uploads/PicLogo2.jpg","http://app4.websitetonight.com/projects/1/2/2/5/122554/uploads/PicLogo3.jpg","http://app4.websitetonight.com/projects/1/2/2/5/122554/uploads/PicLogo4.jpg","http://app4.websitetonight.com/projects/1/2/2/5/122554/uploads/PicLogo5.jpg");
lnpics=pics.length-1;
index=Math.round(Math.random()*lnpics);
// End Hiding -->
</script>
 
<!--- Add this section to the body.-->
 
<div align="center">
<script type="text/javascript"> 
<!-- Hide
document.write("<img src="+pics[index]+" width='870' height='120' border='0' />");
// End Hiding -->
</script>
</div> 

This is the part I was working on though. Is there something simple I can just put in to allow the page to scroll? "Position" or something?

I'm glad this thread is entertaining... I think.

Liz

Edited by Ezzaral: Added code tags. Please use them to format any code that you post.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.