NextGEN Gallery
How to display all gallery item in a single row with arrow? (8 posts)

  1. Tanmoy
    Posted 5 years ago #

    I am pretty novice. So needed your help.
    When I add [nggallery id=1], thumb images are shown in multiple column and row. I want to display them inline. I mean in a single row with arrow in both corner(next/prev arrow).
    Is it possible? Please help me if so.


  2. Tanmoy
    Posted 5 years ago #

    Isn't it possible? If so, please tell. It is urgent.

  3. JayBirdSlim
    Posted 5 years ago #

    Looking for a similar solution...am trying to combine the NextGen Gallery with a Smoothscroll jquery that allows the user to scroll the main content window left and right but nextgen finds the first absolute value width and wraps the images around to another line.

    Basically I want the images to continue in one infinite row ignoring all width. I've changed every width to auto or 100%.

    Any ideas?

  4. Joseph
    Posted 5 years ago #

    I've never tried it but I think you need to used jQuery to determine and set a width to the elemnet that contains the images.

    Have a look at the jQuery gallery plugin that Alex wrote. It seems like the thing you guys are looking for.

  5. JayBirdSlim
    Posted 5 years ago #

    Thnks for the response Joseph but for me at least that's not quite right. Basically I want the gallery to act just as it does normally but instead of wrapping the thumbnails they just keep going on and on without a limit to the width (which is what forces them to wrap) I've been playing with creating template files and have even written a javascript that "estimates" the width as the graphics load but they still wrap...a most puzzling challenge.

  6. Joseph
    Posted 5 years ago #

    Sounds like a problem with your CSS. Just tried it on my test blog by setting a large width to the element containing the thmumbnails, which are floated left, and I get a single row.

  7. JayBirdSlim
    Posted 5 years ago #

    yeah obviously that works but the quantity of pictures will change often and I won't be doing the changing so going in and adjusting the CSS every time you add or remove pictures is unrealistic. The div needs to have no width or a width:auto so it adjusts to the number of pictures in the gallery row...I'll figure it out I'm sure... :)

  8. Joseph
    Posted 5 years ago #

    That's why I mentioned javascript...

    So you can set a width according to the number of thumbnails inside the container.

    You can even do it in php. Just count the $images array, calculate the total width and set an inline style.

    When a block element, div in this case, has no width or is set to auto, it'll just inherit the width of it's parent element.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • NextGEN Gallery
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.