I'm creating a website in which I want to use random quotes in the front page. I've got the front page all set up right now in a page-front.tpl.php with some static html and some php in it.
Right now the quotes are part of an image, and I'm using this code:
$total = "15";
$start = "1";
$file_type = ".jpg";
$image_folder = "themes/custom/ISUentomology/quotate";
$random = mt_rand($start, $total);
$image_name = $random . $file_type;
echo "<img src=\"$image_folder/$image_name\" alt=\"$image_name\" />";
This works fantastic, but I want to have the image be a background rather than having to change out the image every time. I had done it this way b/c I knew how to do it. I want to cut down on reload time and just have the image continuous and the text change on top of it. I downloaded the quotes module, and I can't get it to let me add quotes to it. I understand how that works, but I would need whatever I end up using to be portable since I'm developing on a different computer than the finished site will go on.
This is what the page looks like:
http://www.public.iastate.edu/~chimes84/Picture%205.png
The butterfly (and field) image is where I want the quote to go (as shown). This is currently implemented as a table cell. I want the quote to go in that table cell and use the image as a background via CSS.