Random CSS background Images

Friday 07 April 2006 2:25:02 pm

Hi I've been working on placing a random image in the background of a div, but have found that for some reason the permissions of our eZ publish website server account will not allow our PHP script to select random images. I've found that this issue is related to ez, does anyone know how we can implement such an effect within our ez website.

http://www.alistapart.com/articles/randomizer

Kind regards,

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

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.

:)

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