WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Scroll Gallery
Vertical thumbnail scrolling (22 posts)

  1. bolczan
    Member
    Posted 2 years ago #

    Hello
    Is there a way to change how thumbnails are viewed? I'd like to have thumbnails on the right side of image scrolling vertically instead of thumbnails beneath image scrolling horizontally.

    Thanks in advance,
    Cheers

    http://wordpress.org/extend/plugins/nextgen-scrollgallery/

  2. Benedikt Mo
    Member
    Plugin Author

    Posted 2 years ago #

    in a komplex way... You need to change css and js.

  3. bolczan
    Member
    Posted 2 years ago #

    Aww :( Well, thanks anyway :)

  4. oliviaok
    Member
    Posted 2 years ago #

    hi bolczan,

    did you manage to change it to vertical stance?

  5. bolczan
    Member
    Posted 2 years ago #

    hi oliviaok,

    Nope, i did not :(

  6. oliviaok
    Member
    Posted 2 years ago #

    Oh well, tempted to have a play with it and see if i can change it- although my knowledge on coding is somewhat limited.

    there are no other plugins that are similiar, i have searched everywhere, do you know of any?

  7. oliviaok
    Member
    Posted 2 years ago #

    ok well im not skilled enough to work this out

    would anyone care to make some suggestions to get the thumbnails to work vertically?

    thanks

  8. Benedikt Mo
    Member
    Plugin Author

    Posted 2 years ago #

    Sorry, maybe later in another version.

  9. oliviaok
    Member
    Posted 2 years ago #

    ok never mind! this plugin is the closiest ive come to finding what i need.

    BM0-design since you are the expert on this and have more knowledge than most do you know of any other plugins like this?

    Ideally like the one gallery used on etsy:
    http://www.etsy.com/listing/89426795/handwritten-invitations-with-calligraphy?ref=sr_gallery_1&ga_search_submit=&ga_search_query=handwritten+invitations&ga_view_type=gallery&ga_search_type=handmade&ga_facet=handmade

    thanks for input anyway

  10. mreshovel
    Member
    Posted 2 years ago #

    hi there, i am in the process of making this verticle on the right for my own project, the only problem I run into is that the JS for the movement of the large image seems to center it based on the overall gallery dimensions (there is a large gap to the left of the image, which it uses to scroll, also some of the image is cut off, and the window displaying white instead of the image in place. i've fixed this and below is the whole fix i did to make it to the right.

    I have been flopping around in the files, and have done everything but make the thumb animations work (i have animation disavbled and in a grid layout to the right of the images. so i didnt bother) make a custom css for the styles(copy the content from the default css ) and then make both header and footer peices to float right or left, this really only matters if you have the thumbs under image selected)

    .scrollgallery .scrollGalleryHead{float:left;
      }
    .scrollgallery .scrollGalleryFoot{float:left;width:600px;
    }
    .scrollgallery .thumbarea{width:230px; max-width:230px;
    
    }

    i think percents were working but i went deliberate, the important thing is that your total gallery needs to be total size i:e 825 in my case, youve got to mess with the overflow on the thumbs along with making them inline and the container having a max width or they will break out,

    my problem i ran into is after doing this the php uses the total width of the slideshow instead of the images veiw window, along with a "margin" between them that uses total width.
    this was on line 311-ish of the file nngscrollgallery.php
    $style='width:'.($newimagewidth-320).'px; height:'.($newimageheight).'px; max-width:'.($newimagewidth).'px; ';

    hope this helps, mabey after this project, ill export it as a template if you cats are interested

  11. dsdmdesign
    Member
    Posted 2 years ago #

    @mreshovel I would love to be able to use this!

  12. fran330
    Member
    Posted 2 years ago #

    Just discovered this plugin. Love it!
    I really needed the thumbs bar to be vertical though. So I thought I'd share the changes I applied to the CSS sheet. See code below.

    The only problem I still have is that, the way I did, the vertical bar gets a scroll bar if the total of thumbnails goes over the height of the scroll gallery. It's OK but not great...
    If someone knows how to avoid that and rather have the same effect as with the horizontal bar of thumbs, please, post :-)

    To see the result of my CSS, check this page --> http://www.ebadidon.be/galerie/galerie-lebadiscaphe/

    The following values suit my settings and would probably need to be changed by anyone else :
    - the top margin of .scrollgallery .scrollGalleryFoot
    - the height of .scrollgallery .thumbarea

    - the width of .scrollgallery .scrollGalleryFoot (this fits with 50 X 50 thumbnails)

    The other changes include several changes that are not essential and just belong to my taste.

    The margin and height mentioned above are probably not the best way to do. I guess there's a way so that you wouldn't have to change those values each time you change your settings... Again, is someone knows better, pleas post.

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

  13. fran330
    Member
    Posted 2 years ago #

    Ah well, the codes I just posted are gone (sory for not having read the forum rules about codes). I don't have the courage to upload them somewhere now. If interested, contact me.

  14. fran330
    Member
    Posted 2 years ago #

    OK already got contacted twice so here are the codes
    Scroll Gallery main css :
    http://pastebin.com/GxA0PuyV

    Scroll Gallery Gray design css :
    http://pastebin.com/e6Ay1Buu

  15. Rockz0r
    Member
    Posted 2 years ago #

    wow thx...like it :)

  16. jubileelewis
    Member
    Posted 2 years ago #

    Hello,
    I got my scroll working, but then the scroll images is shaking when my mouse enter for the auto scroll. Did anyone have a solution?

    site is at http://www.crossmap.com/2012NEW/00_WP/
    gmail at jubilee.lewis

  17. Mac Back
    Member
    Posted 2 years ago #

    Hi all,

    I have posted this in one of the other topics as well, but since I the topic title is a 100% hit, I thought it might interest you people here.

    I have managed to get the scrollgallery vertical. You can check the result of my work here:

    http://www.truusursem.nl/schilderijen/acryl/

    Below are 3 links to modified files. Use at own risk. I have adjusted these files to my own need and there might be buggy code or unexpected behaviour when your settings or images sizes are different then what I use.

    http://pastebin.com/Pifv2p4C
    this is the modified css file.

    http://pastebin.com/GH8b2tPw
    this is the modified js file (adjusted 'x' to 'y').

    http://pastebin.com/raRf1BUE
    this is the modified php file. I had to change the order in which the image and caption/description is called. And I had to change the stuff about image width and height and caption div width. I have to say it works now, but if you change the system to use caption instead of description, you might not get it lined up nice. I only use description, so not needed to check the other coding stuff (I'm not the developer of the plugin :)).

    Have fun!

  18. dynamicdesign11
    Member
    Posted 2 years ago #

    evantklooster

    I uploaded the modified files - but i don't see any change (ie the thumbnails are still showing above my image). Do I need to make a change in the scroll gallery settings?

    Also - in your sample i saw that you had the thumbnails on the left - how do i place them on the right?

    Thanks for your help!

  19. dynamicdesign11
    Member
    Posted 2 years ago #

    evantklooster
    I was able to get the vertical thumbnails working - however they don't scroll. Am I missing something?

    Thanks for your help.

  20. aberling
    Member
    Posted 2 years ago #

    Thanks BMO & evantklooster! The plugin is really nice and easy to use, and I was able to get the vertical thumbnails with the modifications. I'll share a link with the final version as it goes live.

  21. hockeyhero4
    Member
    Posted 1 year ago #

    evantklooster -

    You just saved me a lot of work. I downloaded your files, uploaded them to my plugin, and boom - done and working. It's people like you that make the WordPress community a fantastic place to share, learn, and develop! I sincerely appreciate you posting your source code from your hard work.

    You literally just saved me an unwanted headache of having to go through an accomplish what you've already done.

    Thank you for being unselfish!

  22. Mac Back
    Member
    Posted 1 year ago #

    @hockeyhero4 and @aberling

    thanks for your message, nice to see other people have the benefits from my changes to this plugin.

    a little warning: be sure not to update the plugin in wordpress.. your changes will be overwritten.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic