Latest Images on Gallery Index ( How To ).

Hello, anybody knows the code I have to use to show the latest images in the gallery index using zenpage theme as it's shown in other themes.

Best Regards.

Comments

  • fretzl Administrator, Developer
  • Many thanks.
  • I got it but the images are shown vertically, do you know how to show the images horizontally ?

    This is the code I added:

    <h2><?php echo gettext('Ultimas Imagenes'); ?></h2>
    <div align="center"><?php
    printLatestImages(4,'',false,false,false,40,'',79,79,true,false,false);
    ?></div>
  • fretzl Administrator, Developer
    Oh, and don't forget to enable the `image_album_statistics` plugin.
  • Many thanks fretzl, I had it enabled, my problem now is how to show the images horizontally ?
  • fretzl Administrator, Developer
    Try

    printLatestImages(4,'',false,false,false,40,'',79,79,false,false,false);
  • Not working.

    Could be my problem related with where I added the code ?.

    I added it before --> </div><!-- content left-->

    I can see like little dots before the images, maybe the format there is some kind of list, I don't know.

    This is the link : http://photoshopsp.nixiweb.com
  • fretzl Administrator, Developer
    Ah, you mean show the images next to each other?

    The output of the function is a div with a list.
    You will have to use CSS to style the list to get rid of the dots and show the images next to each other.
  • Ok, I will look for the way to do it, maybe having a look to how it works on zpmobile theme.

    Many thanks for your support.
  • fretzl Administrator, Developer
    It's not that difficult.
    Start with putting this in `style.css` (in your theme folder)

    `
    div#latest ul {
    list-style: none;
    }

    div#latest ul li {
    display: inline;
    }
    `
  • Yiipppp.. It Works.

    Many thanks again.

    I added this:

    #latest {
    margin: 0;
    padding: 0;
    }

    #latest img,
    .image {
    width: 79px;
    height: 79px;
    border: 1px solid gray;
    margin: 5px 5px 0px 0px;
    float: left;
    }
    div#latest ul {
    display: inline;

    }

    div#latest ul li {
    float: left;
    list-style: none;

    }
  • Better to add only the code you said. Adding the rest of my code the gallery images are not shown good.

    Best Regards.
Sign In or Register to comment.