How do I create PHP Pic of the day with a caption?

**Iconic_creator** · Jun 1, 2009, 15:09

I'm looking for a PHP script or any help on displaying picture of the day with a caption.

I know a tiny bit of PHP, where do I start? I was looking for a script but have not seen any thing that looks good.

I need to be able to put the caption another area, say the image can display in one area and the caption in another area.

I would love to do this myself but don't know how.

Any ideas, tutorials will be very appreciated.

Thanks everyone.

IC

**Venetsian** · Jun 1, 2009, 15:16

You want unique picture for every day loaded randomly from a folder then remembered in MySQL database or with already pre-made list?

Venetsian.

**Iconic_creator** · Jun 1, 2009, 15:46

Originally Posted by Venetsian

You want unique picture for every day loaded randomly from a folder then remembered in MySQL database or with already pre-made list?

Venetsian.

I rather not use a data base but rather put the image folder path directly in the script.
The images will not be random, each day will have it's own image assigned with a Caption.

And yes, a unique picture and a caption for each day.

Eg: monday.jpg, tuesday.jpg, ect ect.

Thanks again!

IC

**hash** · Jun 1, 2009, 18:25

Originally Posted by Iconic_creator

The images will not be random, each day will have it's own image assigned with a Caption.

if they are pre-defined, just stick the info in an array and select the appropriate one

PHP Code:


$pics = array(

    'monday' => array('pic' => 'monday.jpg', 'caption' => 'monday image'),

    'tuesday' => array('pic' => 'tuesday.jpg', 'caption' => 'tuesday image'),

    // etc

);

check out date() to find out what day it is, then just access $pics[$day]['pic'] and $pics[$day]['caption']

**Iconic_creator** · Jun 2, 2009, 04:28

Originally Posted by hash

if they are pre-defined, just stick the info in an array and select the appropriate one

PHP Code:


$pics = array(

    'monday' => array('pic' => 'monday.jpg', 'caption' => 'monday image'),

    'tuesday' => array('pic' => 'tuesday.jpg', 'caption' => 'tuesday image'),

    // etc

);

check out date() to find out what day it is, then just access $pics[$day]['pic'] and $pics[$day]['caption']

Thanks very much, I really appreciate your help! What I'm cufused about is adding the caption, can you please elaborate further.

So how do I echo the caption lets say in another div?

IC

**hash** · Jun 2, 2009, 04:51

You would echo the caption the same way you would echo the pic. I am confused about what you are confused about, otherwise I would gladly elaborate.

**Iconic_creator** · Jun 2, 2009, 05:53

Originally Posted by hash

You would echo the caption the same way you would echo the pic. I am confused about what you are confused about, otherwise I would gladly elaborate.

I understanding echoing the caption and the image.

What I don't know and I very new to PHP, is how do I echo the image in one area of the page and then echo the caption in another section of the page.

Example: The image is in the header of the page and the caption in the footer of the page.

IC

**AnthonySterling** · Jun 2, 2009, 06:13

Just break out of PHP, then choose to output whatever you require.

PHP Code:


<?php
$aPictureOfTheDayCollection = array(
    #Sunday
    array(
        'img'    =>    '/images/image.jpg',
        'txt'    =>    'Some random quote.'
    ),
    #Monday
    array(
        'img'    =>    '/images/image.jpg',
        'txt'    =>    'Some random quote.'
    ),
    #Tuesday
    array(
        'img'    =>    '/images/image.jpg',
        'txt'    =>    'Some random quote.'
    ),
    #Wednesday
    array(
        'img'    =>    '/images/image.jpg',
        'txt'    =>    'Some random quote.'
    ),
    #Thursday
    array(
        'img'    =>    '/images/image.jpg',
        'txt'    =>    'Some random quote.'
    ),
    #Friday
    array(
        'img'    =>    '/images/image.jpg',
        'txt'    =>    'Some random quote.'
    ),
    #Saturday
    array(
        'img'    =>    '/images/image.jpg',
        'txt'    =>    'Some random quote.'
    )
)
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
    </head>
    <body>
        <div id="siteHeader">
            <!-- Image of the day -->
            <img src="<?php echo $aPictureOfTheDayCollection[date('w')]['img']; ?>" />
        </div>
        <div id="siteFooter">
            <!-- Message of the day -->
            <p><?php echo $aPictureOfTheDayCollection[date('w')]['txt']; ?></p>
        </div>
    </body>
</html>

**Iconic_creator** · Jun 3, 2009, 08:32

Originally Posted by SilverBulletUK

Just break out of PHP, then choose to output whatever you require.

PHP Code:


<?php

$aPictureOfTheDayCollection = array(

    #Sunday

    array(

        'img'    =>    '/images/image.jpg',

        'txt'    =>    'Some random quote.'

    ),

    #Monday

    array(

        'img'    =>    '/images/image.jpg',

        'txt'    =>    'Some random quote.'

    ),

    #Tuesday

    array(

        'img'    =>    '/images/image.jpg',

        'txt'    =>    'Some random quote.'

    ),

    #Wednesday

    array(

        'img'    =>    '/images/image.jpg',

        'txt'    =>    'Some random quote.'

    ),

    #Thursday

    array(

        'img'    =>    '/images/image.jpg',

        'txt'    =>    'Some random quote.'

    ),

    #Friday

    array(

        'img'    =>    '/images/image.jpg',

        'txt'    =>    'Some random quote.'

    ),

    #Saturday

    array(

        'img'    =>    '/images/image.jpg',

        'txt'    =>    'Some random quote.'

    )

)

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title></title>

    </head>

    <body>

        <div id="siteHeader">

            <!-- Image of the day -->

            <img src="<?php echo $aPictureOfTheDayCollection[date('w')]['img']; ?>" />

        </div>

        <div id="siteFooter">

            <!-- Message of the day -->

            <p><?php echo $aPictureOfTheDayCollection[date('w')]['txt']; ?></p>

        </div>

    </body>

</html>

I worked with the code as directed above an everything appears to be working very well.

However, Since I am using different images, the images does not have fix dimensions. They all have fixed height but not fixed width.
This becomes a problem because I need to position each image independently by assigning a class to the echo string like this.

Code:

<img src="<?php echo $aPictureOfTheDayCollection[date('w')]['img']; ?>" class="sunday_image_position" />

This works for one image but when you start to add additional classes, everything becomes complicated.

So I was wondering if there is a better way to add CSS class to each image being echo, like in the array? I'm not sure how this will work or where to apply the class.
Where can I apply the style to individual image?
Can you echo each image separately?

What's the best or should I say compliant method?

Thanks very much for all your help, time and efforts!

IC

The SitePoint Forums have moved.

User Tag List

Thread: How do I create PHP Pic of the day with a caption?

Thread Tools

Display

How do I create PHP Pic of the day with a caption?

Bookmarks

Bookmarks

Posting Permissions