[Plugin: JJ NextGen JQuery Carousel] Resizing browser makes images in carousel disappear

  • Hi there,

    Thanks for making this much needed. I’m using the following short in my header (currently making site offline or I’d post a link):

    <div id="jcarousel" style="display:block; width:885px; height:75px;">
<?php echo do_shortcode('[jj-ngg-jquery-carousel html_id="carousel-test-two" skin_class="jcarousel-skin-property" gallery="3" width="162" height="75" visible="5" gap="21" scroll="1" auto="1"]'); ?>
</div>

    To begin with it shows up then I’ll go to another window and come back and the first image has disappeared then if I resize the browser window all the images in the carousel disappear?

    All the images are the same size and same image format, I am using next gen g and even on the most basic shortcode settings I get the same result? I’ve tried it with no inline style, different skins, different image formats, I’m stuck.

    Also I am using Twenty Ten as a child theme, don’t know if that makes a difference?

    Thanks

    https://www.ads-software.com/extend/plugins/jj-nextgen-jquery-carousel/

Viewing 9 replies - 1 through 9 (of 9 total)

  • i experienced similar things using other scripts my experience was that was running multiple js in same time and was conflict.. did u try to turn of other plugins?
    still same problem?
    and why u adding anything to head section? this plugin dont require u to do that so..
    let me know if helped..

    Thread Starter noski2009

    (@noski2009)

    Thanks 0001,

    I don’t have extra plugins going at the same time and by header I meant the carousel shows up in the header section of the website not the actual <head> code :]

    I’m pretty sure it’s got something to do with jQueary, if I make the carousel flip back to the beginning then there’s no problem but I would like it to go round on a constant loop and that is where the thing begins to disappear?

    Hi noski2009,
    did you find a solution for this problem?
    would appreciate if you could help, i have the same problem…

    thanks
    dichta

    Thread Starter noski2009

    (@noski2009)

    Hi dichta,

    No sorry I still have the same problem, I guess I could place the jquery in the functions file that might work? Though I have a bunch of other stuff to do before I can get back to that job, if it works I let you know how. Also if you find the solution maybe you could post it here too.

    Thanks

    ~n

    I think its a problem with the calculation of the actual window size. i will let you know if i can solve the problem.

    thanks
    dichta

    I’m not sure if it’s the same problem I have – but certainly the images dissappear… I am using JJNextGEN JQuery with NextGEN Gallery – Currently its in a test copy site on localhost just to try it all out first…

    I’m using a vertical scroll setting – but what I’ve found is that there is a white border which grows progressively from the bottom of the window and the lowest image. The white border keeps getting higher and higher – with the lowest image being “cut” then appearing from behind an invisible white border. This white space creeps slowly up and up until, in around 5 minutes, all of the images above have completely dissappeared ! Not great considering that’s the sole function of this widget…displaying thumbnail images ! ??

    Is this the same as your problem ?

    Anyone any ideas for how to fix this bug ?

    Cheers,

    Tim

    p.s. I have tried this in Chrome and exactly the same problem… so its not anything to do with IE8

    Hi Tim, I believe the problem with your images being cut off is being caused by the fact that you are using margins instead of padding. I had the same issue and I resolved it by changing the margin for each of the carousel items to padding. I believe the margin is causing the white border.

    I am also experiencing the window resizing issue. Any time I re-size my window, the images in the carousel disappear. Has anyone figured out how to resolve this issue?

    I fixed it! not clean, but works!
    I /*commented out*/ the entire tango skin css file!
    located at: “wp-content/plugins/jj-nextgen-jquery-carousel/skins/tango/skin.css”

    I’ll try to return to post what exactly it was in my case, if I figure it out. I joined just to let everyone know and will frequent this section when possible.

    I’m using this for a meet the team widget on the bottom of the page. Looks great!

    Thanks!

    Shoot! I spoke too soon. It just happened again. Okay, I ruled out the skin.css file hahaha

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[Plugin: JJ NextGen JQuery Carousel] Resizing browser makes images in carousel disappear’ is closed to new replies.