here are my last changes for you...

1)Change category page and create new links to open new windows

a) in « category.tpl » change place of the logo, put it on the top of the menu.

           cut :
<div style="padding:3px;"><img src="template/default/images/logo.jpg"></div>
          and paste after : 
<td valign="top" style="padding:0px 10px 0px 10px;width:1%;">
             <div class="table1">
       

b) put a new « next and previous » link on the top of the thumbnails.

          copy :
                                <!-- BEGIN cat_infos -->
            <!-- BEGIN navigation -->
            <div class="navigationBar">{cat_infos.navigation.NAV_BAR}</div>
            <!-- END navigation -->
            <!-- BEGIN comment -->
            <div class="info">{cat_infos.comment.COMMENTS}</div>
            <!-- END comment -->
            <!-- END cat_infos -->

          and paste under :
<!-- END calendar -->
   
c)  write under the new logo line (with your own links and url name !!!) :

<!-- ajout fenetre-->
<div class="titreMenu">AGENCE V'IMAGES</div>
<div class="menu"> <a href="#" onClick="MM_openBrWindow       ('.../annexes/contact.htm','contact','width=240,height=360')" >contact</a><br>
<a href="#" onClick="MM_openBrWindow('.../annexes/news.htm','news','width=300,height=400')" >news</a><br>
<a href="#" onClick="MM_openBrWindow('.../annexes/infos.htm','infos','width=390,height=390')" >services</a><br>
<a href="../abonnes/index.php" target="_blank">galerie privée – private gallery</a><br>
</div>
<!-- /fin d'ajout -->

d)create in the first level of PWG a new folder named « annexe » ,
to create inside the new html files.

in this exemple : contact.htm, news.htm, infos.htm.

e) write in « script.js » :

function MM_displayStatusMsg(msgStr) { //v1.0
  status=msgStr;
  document.MM_returnValue = true;
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

f) erase number of total pitures from category menu
erase in « category.tpl » line 20 :
        <div class="totalImages">[&nbsp;{NB_PICTURE}&nbsp;{L_TOTAL}&nbsp;]</div>

_______________________________________________________________________

2)change display of original medium picture page.. IPTC... and others..

        you will choose on admin setting :  use only iptc, show only iptc.


a) in « config.inc.php »

put this setting to reduce slideshow time :
line 64 : $conf['slideshow_period'] = 3;

put this setting to have more pictures displayed on specials cat. :
line 79 : $conf['top_number'] = 40;

put this setting to change mapping and display of metedata (according to the IPTC  fields I want to my site)
line 96 and following :

// To know how to associated iptc_field with their meaning, use
// tools/metadata.php
$conf['show_iptc_mapping'] = array(
  );

// use_iptc_mapping : in which IPTC fields will PhpWebGallery find image
// information ? This setting is used during metadata synchronisation. It
// associates a phpwebgallery_images column name to a IPTC key
$conf['use_iptc_mapping'] = array(
  'keywords'          => '2#025',
  'date_creation'   => '2#055',
  'author'               => '2#080',
  'name'                => '2#005',
  'comment'          => '2#120'
  );

b) to erase the « show metadata infos » button :

erase in « picture.tpl » :

<div class="imgMenu" id="left">
<a href="{U_METADATA}" title="{L_PICTURE_METADATA}">
<img src="template/default/theme/metadata.gif" alt="{L_PICTURE_METADATA}" />
</a>
</div>

c) you erase the 2 metadata titles under the picure :

erase : in « picture.tpl »

<!-- BEGIN headline -->
<tr>
<th colspan="2">{metadata.headline.TITLE}</th>
</tr>
<!-- END headline -->


       d) so, you have to show anytime the metadata under the pictures :

in « picture.php »

line 424 change to « true »

$metadata_showable = true;

line 776 change :

if ($metadata_showable and isset($_GET['show_metadata']))
{
  include_once(PHPWG_ROOT_PATH.'/include/functions_metadata.inc.php');
to :
if ($metadata_showable )
{
  include_once(PHPWG_ROOT_PATH.'/include/functions_metadata.inc.php');

line 429 change :

if ($metadata_showable and !isset($_GET['show_metadata']))
by :
if ($metadata_showable)


           

d)to make a good display,  in « picture.tpl » erase the lines includes between
<!-- END stop_slideshow --> and  <!-- BEGIN rate --> 
to replace them by the following ones :

<table width="100%" align="center" style="margin:auto;margin-top:5px;margin-bottom:5px;">
<tr>
<td align="center" valign="middle">
<div id="gauche">
  <!-- BEGIN previous -->
    <a class="none" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}">
    <img src="{previous.IMG}" class="thumbLink" style="margin-right:5px;margin-left:5px;" alt="{previous.TITLE_IMG}"/></a>
  <!-- END previous -->
</div>
</td><td>
       <table width="250" style="margin-top:5px;margin-bottom:5px;">
         <div id="centre">
            <!-- BEGIN metadata -->
            <!-- BEGIN headline -->
            <!-- END headline -->
            <!-- BEGIN line -->
              <tr>
                <td class="infos_metadata">{metadata.line.KEY}</td>
                <td class="infos_metadata">{metadata.line.VALUE}</td>
              </tr>
            <!-- END line -->
            <!-- END metadata -->
            <!-- BEGIN info_line -->
      <tr>
                        <td class="infos_metadata">{info_line.INFO} : </td>
                <td class="infos_metadata">{info_line.VALUE}</td>
      </tr>
    <!-- END info_line -->
             </div>
       </table>
</td><td align="center" valign="middle">
<div id="droite">
  <!-- BEGIN next -->
  <a  class="none" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}">
  <img class="thumbLink" src="{next.IMG}" style="margin-right:5px;margin-left:5px;" alt="{next.TITLE_IMG}"/>
      </a>
  <!-- END next -->
</div>
</td></tr></table>


e) create the style in « defaut.css » :

.infos_metadata {
  text-align:left;
  font-size:10px;
}

Last edited by vimages (2004-12-01 13:21:04)