Share » Forums » Setup & design » Random CSS background Images

Random CSS background Images

Random CSS background Images

Friday 07 April 2006 2:25:02 pm - 6 replies

Author Message

Gabriel Ambuehl

Saturday 08 April 2006 6:29:17 am

You will likely have to put the php script that sends the images to the browser in a directory that is not being covered by mod_rewrite I guess. The specific location depends a lot on your actual mod_rewrite config.

Or write an extension to send out the images...

Visit http://triligon.org

André R.

Saturday 08 April 2006 6:30:03 am

I think they have added a randomizer function in v3.8.
With that you could set different css classes on the body tag, and use css to have different styles / backgrounds based on that class.

body.style1 div#mydiv {bacground: #fff url(my_img.gif) left top no-repeat scroll;}
body.style2 div#mydiv {bacground: #fff url(not_my_img.gif) left top no-repeat scroll;}

In earlier versions you could use time stamps as the randomizer, for instance seconds. You could have 60 different styles That would seem quite random to the surfer as well..

eZ Online Editor 5: http://projects.ez.no/ezoe || eZJSCore (Ajax): http://projects.ez.no/ezjscore || eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription
@: http://twitter.com/andrerom

Mark Marsiglio

Saturday 08 April 2006 8:28:00 am

We did this by using the shuffle contribution and calling images from a special folder in the Media Section.

We set the shuffle operator on a fetch that called images from that folder (by parent node) using a limit of 1. Then the fetch is embedded in an inline style - background-image for that div.

I don't have the code handy, but can post it if you need it.

http://www.thinkcreative.com
Turning Ideas Into Strategic Solutions

Betsy Gamrat

Saturday 08 April 2006 10:32:07 am

Thanks!

I didn't know about <b>shuffle</b> and I need it for the project I'm working on. You just saved me alot of time.

:)

David Jones

Thursday 31 August 2006 9:34:32 am

Mark,

I realize that this was posted some time ago but do you still have that code floating around?

I need to do something similar

Thanks

Claudia Kosny

Thursday 31 August 2006 10:55:23 am

Hello David

The post by Marc Boon in this thread
http://ez.no/community/forum/setup_design/how_to_fetch_random_content_3_8/re_how_to_fetch_random_content_3_8__3
gives a nice solution on how to fetch a single random object (and some ideas on how to fetch more than one)
Limit the fetch to your pictures, grab the path to the picture and add it to your style information.

Greetings from Luxembourg

Claudia

You must be logged in to post messages in this topic!

36 542 Users on board!

Forums menu