WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Gallery
[resolved] [closed] slideshow cut off in certain browsers (21 posts)

  1. jshapiro
    Member
    Posted 11 months ago #

    Since upgrading to 2.0.11 my slideshows are now cut off using certain browsers. This includes the Apple iPad. Only the top half of the slide is visible, while the entire width is there.

    http://wordpress.org/plugins/nextgen-gallery/

  2. WPSADMIN
    Member
    Posted 11 months ago #

    I am experiencing this issue as well, and am using v2.0.7 of NextGEN Gallery. The slideshow on the homepage of my site (www.habitatbc.com.au) doesn't work at all in Safari, and works as described above in Chrome.

    This slideshow is a "NextGEN Basic Slideshow" with Flash NOT enabled (so that in theory it should work on Apple mobile devices, except it doesn't - it's stuck on a single image from the linked gallery).

  3. yours2share
    Member
    Posted 11 months ago #

    Having the same problem, I can only see the top 100px of a 490 high slideshow in Safari and Chrome. Works fine in FF and IE. Website is http://www.epicure-wines.com/

    I've made the image, settings on the page and settings in the gallery slideshow all the correct width and height. Also tried putting slideshow into a table with the correct width and height. Nothing makes any difference. Also tried a new gallery with new images, no difference.

    I've temporarily changed the slideshow to a single picture so it doesn't look so bad, but I'd like a solution.

  4. jshapiro
    Member
    Posted 11 months ago #

    I've temporarily worked around the problem by rolling back to Nextgen 1.9.13.

    Here's how I did that. I disabled the Nextgen plugin in WordPress. Then I Ftp'd in to my site folders, and drilled into /wp-content/plugins, and I renamed the Nextgen-gallery folder to Nextgen-gallery-2-0-11. I then downloaded the older build of Nextgen from the developer's web site. I unzipped it, and then I used FTP to upload the unzipped nextgen-gallery folder it into my /wp-content/plugins folder. Then I went back into my WordPress backend and two different versions of Nextgen were available to activate. I activated the older one. When a new edition comes along, I can deactivate the older one, activate the newer one and then try to upgrade that. If it works, great. If not, I can deactivate that build and quickly move back to the known good build. (at least that's the theory unless database changes in the future prevent going back so easily <g>)

  5. photocrati
    Member
    Plugin Author

    Posted 11 months ago #

    @jshapiro - Thanks for that long description on how you rolled back the NextGEN plugin. We also offer instruction here: http://www.nextgen-gallery.com/how-to-rollback-a-version/

    As to the issue of only seeing the top 100px of a slideshow, a possible work-around may be to review the theme's CSS for the container the slide show is in and specifying the exact height of the slide show images you are using.

  6. yours2share
    Member
    Posted 11 months ago #

    I've now realised that I have exactly the same problem on another site using the same theme Atahualpa (also using the latest version 3.7.12). This was with the very latest nextgen version 2.0.17. I'm simply putting the slideshow into a page. I've now modified the code on the page to put the slideshow into a separator div container and this appears to be a temporary solution.

    <div style="width:800px; height:300px; margin:0 auto;">
    [ngg_images gallery_ids="18" display_type="photocrati-nextgen_basic_slideshow" gallery_width="800" gallery_height="300"]
    </div>

    On an another site (www.rudeles.com) I have using Atahualpa Nextgen is working correctly because I haven't updated to WP3.6 yet and so I left NextGen at version 2.0.0. However reading more about the issues NextGen has been having recently, this implies that the first version of the big update didn't have this problem. Rudeles.com is very similar in build to epicure-wines.com mentioned in my original post in particular both use WPML.

    Finally I have a similar problem with another site using another theme, Chameleon by Elegant Themes.

  7. AndreyS
    Member
    Posted 11 months ago #

    I have a similar problem with the plugin, if I use Java instead of Flash. I notice it only in Google Chrome, where the photo is cut each time with a different size with changing the frame. At the same time mobile devices and the Internet Explorer display it normal. But, I have to use flash, because there are a lot of Google Chrome users.

  8. photocrati
    Member
    Plugin Author

    Posted 11 months ago #

    @yours2share and @AndreyS - Have you tried setting the height of the CSS container to the height of the Slideshow images you are using?

    This appears to correct the issue with the changing / different sizes appearing in Chrome while not having any detrimental affects reported when viewing the site with other browsers.

    - Cais.

  9. AndreyS
    Member
    Posted 11 months ago #

    I do not use my special CSS containers for slideshow. But I tried to change the size in different ways in the slideshow settings and Shortcodes. It does not matter. In Google Chrome slideshow with java is not working as it is necessary.

  10. yours2share
    Member
    Posted 11 months ago #

    I have now put CSS containers into each page to set the height and width as a work around.

  11. AndreyS
    Member
    Posted 10 months ago #

    @photocrati
    Maybe I didn't understand you correctly. Please tell me more precisely, availability CSS container it is a mandatory requirement for normal operation of slideshow with java?

  12. johnzeiger
    Member
    Posted 9 months ago #

    @photocrati - setting the height of the container works in Chrome on the desktop...but on an Android (and I imagine an iPhone too), the slideshow's width is automatically reduced to fit the width of the screen and the height is reduced proportionally...this leaves a gap between the bottom of the slideshow and the content that follows.

    Will this be fixed in the next version?

  13. tizz
    Member
    Posted 9 months ago #

    @johnzeiger Try to exclude the size settings with media queries for mobile.

  14. johnzeiger
    Member
    Posted 9 months ago #

    @tizz Thanks for the advice but I'm not exactly sure how to do that...I'm not a hardcore developer...I use Artisteer to generate my CSS...is there code I can add directly into my page or would I have to tweak my theme?

  15. tizz
    Member
    Posted 9 months ago #

    Artisteer has his own support, so for any question about his code you have to write here.
    CSS modification goes in a child theme stylesheet, or theme custom CSS, not into page (@yours2share too).

    P.S.: Honestly, it's a bad idea to choose Artisteer.

  16. frankie2J
    Member
    Posted 3 months ago #

    I’ve just created a new website using WordPress Version 3.8.2 and NextGEN Gallery Version 2.0.61 and I am having exactly the same problem with the slideshow cutting off at approximately 100 pixels when using Safari and Chrome but working perfectly in Explorer and Firefox. I have followed your recommended instructions and entered the code below into the section under Gallery/Other Options/Styles which has updated the file /home/fulhamgp/public_html/wp-content/ngg_styles/nggallery.css but this has had absolutely no effect.

    /*
    CSS Name: Default Styles
    Description: NextGEN Default Gallery Stylesheet
    Author: Photocrati Media
    Version: 2.0.61

    This stylesheet is provided o allow users the ability of overriding the default styles for all display types
    */

    .ngg-galleryoverview ngg-slideshow {
    height:412px;
    width: 829px;
    }

    What CSS code do you recommend I put in here to resize the slideshow to the correct size?

  17. lampz
    Member
    Posted 3 months ago #

    BUMP for this issue..

    i have followed some instructions above on how to fix the nextgen gallery cut images thumbnail on chrome and safari browsers..

    but on firefox and IE it works perfectly..

    whats wrong?

  18. photocrati
    Member
    Plugin Author

    Posted 3 months ago #

    @frankie2J & @lampz - The correction needs to be applied to the theme's HTML container where the NextGEN Gallery slideshow is being used. This has been the most successful correction to use for themes that exhibit this issue.

    Thanks!

    - Cais.

    PS: This was a very old topic and most likely should not have been resurrected. If the issue continues please start your own topic so your specific issue may be addressed.

  19. lampz
    Member
    Posted 3 months ago #

    can you guide us? i am completely a newbie in this.. ;/

  20. georget
    Member
    Posted 1 month ago #

    I used part of what frankie2J said above.
    Go to your website's dashboard then:

    • open Gallery
    • Other Options
    • Styles
    • click to open link that says 'Show Customization Options'
    • copy and paste the code below into the bottom of the style window that opens up
    • SAVE
    .ngg-slideshow {
    height:480px;
    width: 640px;
    }
  21. georget
    Member
    Posted 1 month ago #

    I used part of what frankie2J said above.
    Go to your website's dashboard then:
    [ Moderator note: Fixed. Don't forget to close the <li> properly. ]

    • open Gallery
    • Other Options
    • Styles
    • click to open link that says 'Show Customization Options'
    • copy and paste the code below into window that opens
    • Save
    .ngg-slideshow {
    height:480px;
    width: 640px;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic