Redesigning Photo Gallery

This topic contains 10 replies, has 2 voices, and was last updated by  E2 5 years, 3 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1152

    llgjn198
    Member

    OK…

    I’ve been up 2 days straight recoding the css for the Gallery

    A few notes first of all for those of you braving this on.

    1. The PHP parsing makes things a little tricky…
    2. Do not have an index.html file in the same folder as the index.php file (opps)

    Things I’m not sure about yet:
    3. Kill as much of the position property as posible. (not sure about this yet.)
    4. the thumb related stuff needs hieght and width properties?
    5. Can you embed the gallery into a page?

    I don’t know javascript and php very well..

    Right now my gallery isn’t working, and would like some help.

    I’ve obviously created a disaster.. but it’s working.. sort of.

    please check it out at axefield.zapto.org

    #1153

    llgjn198
    Member

    I think I’m going to keep it default… but I would still like to know to mess with things… I have made a copy of what I did (the messed up version) and I will have it up shortly for viewing.

    #1154

    E2
    Member

    I wouldn’t recomend killing the position properties, it will mess with the layout.

    The thumbnails don’t need widths and heights to work properly.

    Yes you can embed the gallery into another page.

    This is how you do it:

    1. Open up the index.php file and find the following (I am using the Full Version):

    <link rel="alternate stylesheet" type="text/css" href="css/e2photo.css" title="none">

    change it to:

    <link rel="stylesheet" type="text/css" href="css/e2photo.css" />

    Paste this into your page (needs to be a php file) you would like the gallery to be below the <title></title> tags.

    Now find:

    <?php
    	require_once "config.php";
    	require_once "getfolders.php";
    ?>

    Open up the file you would like to put this in and paste this in between the <head></head> tags after the css link.

    Now find the following:

    <script type="text/javascript" src="js/mootools.v1.11.js"></script>
    <script type="text/javascript">
    var transspeed=<?php echo $transitionspeed;?>;
    var fadespeed=<?php echo $fadespeed;?>;
    </script>
    <script type="text/javascript" src="js/e2photo.js"></script>
    <script type="text/javascript" src="js/styleswitcher.js"></script>
    <script type="text/JavaScript">
    <?php getImages($gallerypath, 'tempgallery'); ?>
    var firstimagewidth=currentwidth;
    var firstimageheight=currentheight;
    </script>
    <script type="text/javascript" src="js/e2photo2.js"></script>

    Paste this into your page between the <head></head> tags but after the <?php ?> stuff you just pasted.

    Now copy everything in the index.php file between the <!– Gallery –> <!– end Gallery –> comment tags and paste into your page where you would like it to display.

    Save the file and test.

    #1155

    llgjn198
    Member

    my forward and backward on the thumbnail previews isn’t working.

    #1156

    llgjn198
    Member

    and how do you get the title and author and descriptions inserted?

    #1157

    E2
    Member

    You’ll need to add the TItle and Description to the META data of the actual image. Most editing software as the ability.

    #1158

    llgjn198
    Member

    meta data on the thumb or the actual image… and how do I get my forward and backward on my thumb previews to work correctly? url is axefield.zapto.org

    #1159

    E2
    Member

    Meta data on the big images.

    If you’ve tweaked or changed much of the code for the gallery, you could have messed with any number of things that handle the thumbnails sliding backwards and forwards. I’d recommend undoing some of the changes you’ve made and see if it fixes it. Or go through the process of adding the gallery to you pages like describe above.

    #1160

    llgjn198
    Member

    The only changes I have made thus far are remove the change style button, add a background to the the #thumbbox identifier, and I copy pasted the gallery css into my css file.

    I went throught the above steps.. I also rechecked the code for errors between the original code and the copied code.

    -the thumb scroll function still isn’t working.

    #1161

    llgjn198
    Member

    #1162

    E2
    Member

    I’ve been looking at your files and I can’t see what is going on, could you email me your PHP file so I can see if something is missing or if I can discover what is causing the thumb navigation to not work. I’ll send you an email you can send the file too.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.