Results 1 to 3 of 3

Thread: PHP Photo Album Navbar Positioning

  1. #1
    Join Date
    Dec 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question PHP Photo Album Navbar Positioning

    1) Script Title:
    PHP Photo Album script v2.11

    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...photoalbum.htm

    3) Describe problem:
    I would like to be able to move the Navbar in this from the bottom of the gallery to the top. Everything else I have been able to work out on my own, but so far the ability to move the Navbar/Page Numbers has eluded me.

    Any help would be appreciated. Apologies if this is in the wrong section or has been answered before, I have already searched this forum and found nothing that helps.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    OK, on your page you have something like:

    Code:
    <script type="text/javascript">
    
    new phpimagealbum({
    	albumvar: myvacation, //ID of photo album to display (based on getpics.php?id=xxx)
    	dimensions: [3,2],
    	sortby: ["file", "asc"], //["file" or "date", "asc" or "desc"]
    	autodesc: "Photo %i", //Auto add a description beneath each picture? (use keyword %i for image position, %d for image date)
    	showsourceorder: true, //Show source order of each picture? (helpful during set up stage)
    	onphotoclick:function(thumbref, thumbindex, thumbfilename){
    		thumbnailviewer.loadimage(thumbref.src, "fit2screen")
    	}
    })
    
    </script>
    Just add the highlighted:

    Code:
    <script type="text/javascript">
    
    new phpimagealbum({
    	albumvar: myvacation, //ID of photo album to display (based on getpics.php?id=xxx)
    	dimensions: [3,2],
    	sortby: ["file", "asc"], //["file" or "date", "asc" or "desc"]
    	autodesc: "Photo %i", //Auto add a description beneath each picture? (use keyword %i for image position, %d for image date)
    	showsourceorder: true, //Show source order of each picture? (helpful during set up stage)
    	onphotoclick:function(thumbref, thumbindex, thumbfilename){
    		thumbnailviewer.loadimage(thumbref.src, "fit2screen")
    	}
    })
    ;(function(){
    	var paginate = document.getElementById('phpphotoalbum1_paginate'), album = document.getElementById('phpphotoalbum1');
    	album.parentNode.insertBefore(paginate, album);
    })();
    </script>
    Notes:

    Don't miss the preceding semi-colon (red).

    This would be for the first and/or only PHP Photo Album on the page. If you have more than one, each successive Album needs the number 1 (two places) in the above added code incremented.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Dec 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks a lot! Works like a charm.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •