rotating background image

General questions relating to Joomla! There are other boards for more specific help on Joomla! features and extensions.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Locked
User avatar
rusty1001
Joomla! Guru
Joomla! Guru
Posts: 581
Joined: Fri Dec 29, 2006 9:26 pm

rotating background image

Post by rusty1001 » Tue Feb 27, 2007 5:58 am

I found this on the web not sure where now,,, :)

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


is there something like this for joomla , I have some tile backgrounds which would be nice to change each page,,

cheers

russell
A winner never complains about conditions

analytica
Joomla! Intern
Joomla! Intern
Posts: 96
Joined: Wed Feb 14, 2007 6:27 am

Re: rotating background image

Post by analytica » Tue Feb 27, 2007 6:31 am

hi,

#rotate- is nothing but a div id given in html. Just using rotate in css want rotate your image

Go to image editing s/w eg: photoshop rotate your image here using Edit>transforms>rotate 180 degree

#rotator  ---> this name can be changed as your div id
{
background: url(images/rotate.php) no-repeat top center; ---> replace this with your image u have rotated
width: 700px;
height: 150px;
}

Best is choose existing image and rotate using  (image editing software) with same name, it will start working

Brenda
Joomla! Apprentice
Joomla! Apprentice
Posts: 48
Joined: Thu Mar 02, 2006 4:12 am

Re: rotating background image

Post by Brenda » Tue Feb 27, 2007 7:26 am

I can't remember where it was originally posted either, but you can download the script that goes with it here.

http://www.automaticlabs.com/products/rotator

Save it as rotate.php & upload it to the image folder you want to use it on

change #rotator to .rotator if you intend using it more than once on the same page. I use it with mod.php as a related images module.

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

there is no cache & will call a new image on every pageload - if anyone knows how to change the code to only get an image once a day it would be great.

It isn't just backgrounds & images - you can rotate any file type you want with it - handy :)

User avatar
rusty1001
Joomla! Guru
Joomla! Guru
Posts: 581
Joined: Fri Dec 29, 2006 9:26 pm

Re: rotating background image

Post by rusty1001 » Tue Feb 27, 2007 9:31 pm

Thanks brenda, worked like a charm,  ;)
A winner never complains about conditions

blugreen
Joomla! Apprentice
Joomla! Apprentice
Posts: 37
Joined: Mon Oct 17, 2005 10:56 pm

Re: rotating background image

Post by blugreen » Wed Feb 28, 2007 8:39 am

Thanks from me also.  Just what I was looking for.

Brenda
Joomla! Apprentice
Joomla! Apprentice
Posts: 48
Joined: Thu Mar 02, 2006 4:12 am

Re: rotating background image

Post by Brenda » Thu Mar 01, 2007 3:57 pm

Glad I could help out - maybe in a few years I'll be able to answer some Joomla questions too  ;)

Realdude
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Tue Nov 27, 2007 6:57 pm

Re: rotating background image

Post by Realdude » Thu Dec 13, 2007 10:33 pm

Hello Brenda, unfortunately when I click on the link you provided it redirects to this http://hivelogic.com/enkoder. Do you by any chance have the rotator script stashed away in your tool box.

Thanks, Dan

Brenda
Joomla! Apprentice
Joomla! Apprentice
Posts: 48
Joined: Thu Mar 02, 2006 4:12 am

Re: rotating background image

Post by Brenda » Fri Dec 14, 2007 5:22 pm

Hi Realdude

I went and found you a copy of the original script - I butchered my copy  :laugh:

You can download it here
http://www.alistapart.com/d/randomizer/rotate.txt

& read about it here
http://www.alistapart.com/articles/randomizer

HTH
Brenda


Locked

Return to “General Questions - 1.0.x”