Replace filmstrip arows with text

[allvip]

In js/displayimage.js I replaced:

Code Select Expand


// button HTML
    $('td.prev_strip').html("<a id=\"filmstrip_prev\" rel=\"nofollow\" style=\"cursor: pointer;\"><img src=\"./images/icons/"+leftimage+"\" border=\"0\" /></a>");
    $('td.next_strip').html("<a id=\"filmstrip_next\" rel=\"nofollow\" style=\"cursor: pointer;\"><img src=\"./images/icons/"+rightimage+"\" border=\"0\" /></a>");


with:

Code Select Expand


// button HTML
    $('td.prev_strip').html("<a id=\"filmstrip_prev\" rel=\"nofollow\" style=\"cursor: pointer;\">Previous</a>");
    $('td.next_strip').html("<a id=\"filmstrip_next\" rel=\"nofollow\" style=\"cursor: pointer;\">Next</a>");


I think is the right way but I do not want to edit coppermine files.

Can I replace filmstrip arows with text editing only the theme files?
What should I write in theme.php?

[Jeff Bailey]

You can probably just edit out the td class names (prev_strip, next_strip) and insert your code ... <a id="filmstrip_prev" rel="nofollow" style="cursor: pointer;">Previous</a>.
This might break the links, untested.

Section to edit or add in your custom theme.php

Code Select Expand


/******************************************************************************
** Section <<<$template_film_strip>>> - START
******************************************************************************/
// HTML template for filmstrip display
$template_film_strip = <<<EOT

        <tr>
          <td valign="top" class="filmstrip_background" style="background-image: url({TILE1});"><img src="{TILE1}" alt="" border="0" /></td>
        </tr>
        <tr>
          <td valign="bottom" class="thumbnails filmstrip_background" align="center" style="{THUMB_TD_STYLE}">
            <table width="100%" cellspacing="0" cellpadding="3" border="0">
                <tr>
                   <td width="50%" class="prev_strip"></td>
                     <td valign="bottom"  style="{THUMB_TD_STYLE}">
                       <div id="film" style="{SET_WIDTH}"><table class="tape" ><tr>{THUMB_STRIP}</tr></table></div>
                     </td>
                   <td width="50%" align="right" class="next_strip"></td>
                </tr>
            </table>
          </td>
        </tr>
        <tr>
         <td valign="top" class="filmstrip_background" style="background-image: url({TILE2});"><img src="{TILE2}" alt="" border="0" /></td>
        </tr>
<!-- BEGIN thumb_cell -->
                <td class="thumb" >
                  <a href="{LINK_TGT}" class="thumbLink" style="{ONE_WIDTH}">{THUMB}</a>
                </td>
<!-- END thumb_cell -->
<!-- BEGIN empty_cell -->
                <td valign="top" align="center" >&nbsp;</td>
<!-- END empty_cell -->

EOT;
/******************************************************************************
** Section <<<$template_film_strip>>> - END
******************************************************************************/


[allvip]

thanks.it worked.

I replaced:

Code Select Expand


<td width="50%" class="prev_strip"></td>


with:

Code Select Expand


<td width="50%"><a id="filmstrip_prev" rel="nofollow" style="cursor: pointer;">Previous</a></td>


and:

Code Select Expand


<td width="50%" align="left" class="next_strip"></td>


with:

Code Select Expand


<td width="50%" align="left"><a id="filmstrip_next" rel="nofollow" style="cursor: pointer;">Next</a></td>