The client wants the background image to rotate every 5-10 seconds from a group of images. So I went ahead and created a group of images called water.png, water2.png, water3.png...water10.png
They are all stored in the images folder.
How would I go about using either PHP or javascrript to call those images and have it rotate them every few seconds. I have some scripts that work when the image is called within the HTML code but not within the CSS code.
Any help would be great, and if it is complicated I would be willing to paid someone to help me through this.
Question
thefarewellnote
Hopefully someone can lend me a hand on this, I am completely lost and not an expert on CSS and JavaScript or PHP
Here is my problem
I have a website where a background image is called in the CSS
HTML Code:
CSS Code
.water{ background: url(images/water.png) no-repeat; border-bottom: 5px solid #ffffff; width: 698px; padding-left: 30px; }The client wants the background image to rotate every 5-10 seconds from a group of images. So I went ahead and created a group of images called water.png, water2.png, water3.png...water10.png
They are all stored in the images folder.
How would I go about using either PHP or javascrript to call those images and have it rotate them every few seconds. I have some scripts that work when the image is called within the HTML code but not within the CSS code.
Any help would be great, and if it is complicated I would be willing to paid someone to help me through this.
Link to comment
Share on other sites
11 answers to this question
Recommended Posts