Adding "Click to view full size image" text below each intermidiate photos? Adding "Click to view full size image" text below each intermidiate photos?
 

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Main Menu

Adding "Click to view full size image" text below each intermidiate photos?

Started by csondagar, October 28, 2006, 06:59:33 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages1
User actions

csondagar

October 28, 2006, 06:59:33 PM Last Edit: October 29, 2006, 07:56:27 PM by Nibbler
I am using Mac OS theme and I would like to add text "Click to view full size image" below each photo as a guide for user?  Ideally, I would this text between the photo bottom boundary and above film strip.  How do I do this?  Thanks.

Gizmo

#1
October 28, 2006, 09:20:50 PM
If you don't have HTML template for intermediate image display in your theme.php file, copy if from the themes>sample>theme.php and paste it into your theme.php file.

Code Select
// HTML template for intermediate image display
$template_display_media = <<<EOT
        <tr>
                <td align="center" class="display_media" nowrap="nowrap">
                        <table cellspacing="2" cellpadding="0" class="imageborder">
                                <tr>
                                        <td align="center">
                                                {IMAGE}

                                        </td>
                                </tr>
                        </table>
                </td></tr>
                <tr><td>
                                                <table width="100%" cellspacing="2" cellpadding="0" class="tableb">
                                <tr>
                                        <td align="center">

                                                {ADMIN_MENU}
                                        </td>
                                </tr>
                        </table>





<!-- BEGIN img_desc -->
                        <table cellpadding="0" cellspacing="0" class="tableb" width="100%">
<!-- BEGIN title -->
                                <tr>
                                        <td class="tableb"><center><b>
                                                {TITLE}
                                        </b></center></td>
                                </tr>
<!-- END title -->
<!-- BEGIN caption -->
                                <tr>
                                        <td class="tableb"><center>
                                                {CAPTION}
                                        </center></td>
                                </tr>
<!-- END caption -->
                        </table>
<!-- END img_desc -->
                </td>
        </tr>

EOT;

Find
Code Select
                                                {TITLE}
                                        </b></center></td>


and replace with
Code Select
                                                {TITLE}
<br /><font size="-2">Click to view full size image</font>
                                        </b></center></td>


Change the font size to suit your needs but this size works well for me.
Did you read the manual first???? Taking 2 minutes to backup your files can save you hours of wondering what you screwed up.
Billy Bullock - BullsEyePhotos Blog of Indecision

csondagar

#2
October 29, 2006, 12:30:43 AM
I followed your instructions: copied intermediate code from sample to Mac theme, replaced title line with you code.  Here's what I have in my theme.php

Code Select
// HTML template for intermediate image display
$template_display_media = <<<EOT
        <tr>
                <td align="center" class="display_media" nowrap="nowrap">
                        <table cellspacing="2" cellpadding="0" class="imageborder">
                                <tr>
                                        <td align="center">
                                                {IMAGE}

                                        </td>
                                </tr>
                        </table>
                </td></tr>
                <tr><td>
                                                <table width="100%" cellspacing="2" cellpadding="0" class="tableb">
                                <tr>
                                        <td align="center">

                                                {ADMIN_MENU}
                                        </td>
                                </tr>
                        </table>

csondagar

#3
October 29, 2006, 12:38:25 AM
Quote from: csondagar on October 29, 2006, 12:30:43 AM
I followed your instructions: copied intermediate code from sample to Mac theme, replaced title line with you code.  Here's what I have in my theme.php

Code Select
// HTML template for intermediate image display
$template_display_media = <<<EOT
        <tr>
                <td align="center" class="display_media" nowrap="nowrap">
                        <table cellspacing="2" cellpadding="0" class="imageborder">
                                <tr>
                                        <td align="center">
                                                {IMAGE}

                                        </td>
                                </tr>
                        </table>
                </td></tr>
                <tr><td>
                                                <table width="100%" cellspacing="2" cellpadding="0" class="tableb">
                                <tr>
                                        <td align="center">

                                                {ADMIN_MENU}
                                        </td>
                                </tr>
                        </table>

for some reason the following got missed out from the code setion above:

Code Select
// HTML template for intermediate image display
$template_display_media = <<<EOT
        <tr>
                <td align="center" class="display_media" nowrap="nowrap">
                        <table cellspacing="2" cellpadding="0" class="imageborder">
                                <tr>
                                        <td align="center">
                                                {IMAGE}

                                        </td>
                                </tr>
                        </table>
                </td></tr>
                <tr><td>
                                                <table width="100%" cellspacing="2" cellpadding="0" class="tableb">
                                <tr>
                                        <td align="center">

                                                {ADMIN_MENU}
                                        </td>
                                </tr>
                        </table>





<!-- BEGIN img_desc -->
                        <table cellpadding="0" cellspacing="0" class="tableb" width="100%">
<!-- BEGIN title -->
                                <tr>
                                        <td class="tableb"><center><b>
                                               {TITLE}
<br /><font size="-2">Click above photo to view full size image</font>
                                        </b></center></td>
                                </tr>
<!-- END title -->
<!-- BEGIN caption -->
                                <tr>
                                        <td class="tableb"><center>
                                                {CAPTION}
                                        </center></td>
                                </tr>
<!-- END caption -->
                        </table>
<!-- END img_desc -->
                </td>
        </tr>

EOT;

Gizmo

#4
October 29, 2006, 02:04:36 AM
So is this solved then?
Did you read the manual first???? Taking 2 minutes to backup your files can save you hours of wondering what you screwed up.
Billy Bullock - BullsEyePhotos Blog of Indecision

csondagar

#5
October 29, 2006, 02:07:13 AM
Not yet.  (first time I pasted half the code; second time I have posted the entire code)

Sami

#6
October 29, 2006, 06:12:55 AM
post a link to your gallery with MODed theme would be helpful
‍I don't answer to PM with support question
Please post your issue to related board

Sami

#8
October 29, 2006, 07:06:09 AM
okey try this
Code Select

// HTML template for intermediate image display
$template_display_media = <<<EOT
        <tr>
                <td align="center" class="display_media" nowrap="nowrap">
                        <table cellspacing="2" cellpadding="0" class="imageborder">
                                <tr>
                                        <td align="center">
                                                {IMAGE}

                                        </td>
                                </tr><tr><td align="center"><font size="-2">Click to view full size image</font></td></tr>
                        </table>
                </td></tr>
                <tr><td>
                                                <table width="100%" cellspacing="2" cellpadding="0" class="tableb">
                                <tr>
                                        <td align="center">

                                                {ADMIN_MENU}
                                        </td>
                                </tr>
                        </table>





<!-- BEGIN img_desc -->
                        <table cellpadding="0" cellspacing="0" class="tableb" width="100%">
<!-- BEGIN title -->
                                <tr>
                                        <td class="tableb"><center><b>
                                                {TITLE}
                                        </b></center></td>
                                </tr>
<!-- END title -->
<!-- BEGIN caption -->
                                <tr>
                                        <td class="tableb"><center>
                                                {CAPTION}
                                        </center></td>
                                </tr>
<!-- END caption -->
                        </table>
<!-- END img_desc -->
                </td>
        </tr>

EOT;
‍I don't answer to PM with support question
Please post your issue to related board

csondagar

#9
October 29, 2006, 06:39:06 PM
Excellent.  Works just the way I wanted.  Thank you all.
Print
Go Up Pages1
User actions