[Plugin: NextGEN Gallery] A CSS gallery presentation (5 posts)

  1. nick_nielsen
    Posted 7 years ago #

    I have managed to hack a gallery template for the NextGen plugin in WordPress so that it renders as per gallery in CSSplay.

    You can see it action here :

    I came to the conclusion that the "out of the box" javascript slideshow presentation really isn't my thing.

    I am feeling rather smug with myself as my understanding of PHP is close to zero.

    However, there are one or two things I would like to get like perhaps an image counter (x/y) and for a further development be able to make it render a tabbed gallery (go to http://www.cssplay.co.uk/menu/slide_show.htmlfor an example). If there is anyone who understand PHP and can improve on my script I would welcome the advice.

    I have made the script and styling available for download go to my blog page for details.

  2. nick_nielsen
    Posted 7 years ago #

    I have updated the template - simplifying both the CSS and PHP.

    To see it is still the same address :


    There is also a link if you wish to download the code where you can also find the code for a prototype of a "tabbed" version of a gallery in the same style.

  3. Alex Rabe
    Posted 7 years ago #

    Looks great ! Why do put the <div id="gallery_box></div> not inside the template itself ?

  4. nick_nielsen
    Posted 7 years ago #

    Two reasons :
    I'm not sure of the code to get the gallery description showing, - you could then use that for the introduction to the gallery and put "gallery_box" div in the template.
    The second is SEO - you need text on the page for search engines to find you and I don't know whether the data contained in a NextGen gallery is transmitted - all that would be on the page would be [nggallery id=..]

    What is the code to show the gallery description ? - I could then build it into the template at least as an option if SEO doesn't matter.

  5. nick_nielsen
    Posted 7 years ago #

    I have been using Headspace2 plugin to mix the CSS for the galleries - this means that I have three different presentations using the same template :-

    thumbs floated left, image centred -

    thumbs left and images floated left -http://kainielsen.web44.net/galleries/einsteins-monocycle/

    a narrower one with thumbs over the top http://kainielsen.web44.net/2009/06/plant-life/ for this one you need to use Headspaces global options for it to work.

    I am sure that it would be possible to create a .php routine that sends variables to the template but I'm just not up to it.

    If there is anyone out there who could give me a hand I would more than grateful. My code is still available, though I haven't updated the zip to include the two new style sheets.

    This template is for those who do not like the current style of javascript rendering which presents images in a linear, predefined, order. It allows the user to easily browse among the images, rather in the way that one may leaf through an exhibition catalogue.

Topic Closed

This topic has been closed to new replies.

About this Topic