[Plugin: NextGEN Gallery] jQuery Slideshow Order Bug 1.6.2 1.7.2

  • Resolved tnxup

    (@tnxup)


    14 years, 1 month ago

    Thanks Alex for these plugins and for all of your hard work, buddy!

    I have found a couple of jQuery slideshow bugs listed below:

    1.6.2
    Even when including your most recent updates to json.php and ngg-db.php, there is an issue, most likely in ngg.slideshow.js, that is causing the first three slides of a slideshow to cycle in a mixed up order. I’m pretty certain that this is a time/loading issue because refreshing the page after the initial load will fix the order problem.

    1.7.2
    Tested in 3.0 + 3.0.4, the jQuery slideshow works well in all browsers except… you guessed it! Good ‘ol ie (7 + 8). In ie the slides do not cycle all the way through and in some cases the images that do cycle are scrunched into the left hand corner of the slideshow at around 15% of their actual size.

    Any suggestions to fix these issues, more particularly the issues with 1.6.2 which seems to be more stable overall, would be greatly appreciated!

    Thanks!

Viewing 15 replies - 1 through 15 (of 22 total)
  • Thread Starter tnxup

    (@tnxup)

    Update:

    I’ve been tinkering around with this for a while and it’s definitely a loading issue, but I can’t pinpoint exactly where the issue begins. Any help would be great!

    Thanks!

    Thread Starter tnxup

    (@tnxup)

    Update 2:

    1.6.2
    I believe I have narrowed it down to this function – jQuery.fn.nggSlideshow – in ngg.slideshow.js, more specifically the bind(load) into the append within the function. It seems that there is an issue with loading and binding. I am working on a solution but, Alex, or anyone, if you’re out there. I would love some insight!

    Thanks!

    You need to know two things :

    a) I implement the cycle plugin in the way that initial only the first three images are loaded via the browser call. Then the AJAX routine starts to load step by step the other images.

    b) Each image need to be resized in the correct ratio, but this require in some browser that the image needs to be loaded. Especially IE has here a problem to know the width/height , before you fully load the image.

    I’m not really good in JS, so I know that this causes the main issue but it causes me a lot of headache to circle around this issues, I never found a real good way. A JS/jQuery expert may know some better way, so I wait for some insight from the community / you

    BTW : here you find the “evolution” of my script :

    https://code.google.com/p/nextgen-gallery/source/browse/trunk/js/ngg.slideshow.js

    Tips & tricks are welcome !

    Thread Starter tnxup

    (@tnxup)

    Thanks for replying, Alex!

    1.6.2
    I have created a solution that has been tested an debugged in ie7/8, ff, and safari. Anyone may download the files from my server if they want (do be sure to download Alex’s changes to json.php and ngg-db.php first).
    Click here to download

    1.7.2
    I haven’t started to debug this version, but from what I am seeing so far the files available for download should fix the issue. I’ll keep everyone posted.

    Alex
    I have also created numerous custom galleries including a nice hybrid gallery that is a blend of smooth gallery, next-gen, next-gen custom fields, and custom jQuery. You can check them out, along with the newly updated slideshows etc., on my latest site mitchcox.com.

    Hi,
    I’m getting that exact same issue in 1.7.2 as reported in the first post – some images not loaded and others squashed into the left hand side – but only in IE.

    I’m certainly no JS/JQuery expert so am wondering if there is a resolution in sight, or how far back I’d need to go in versions to avoid the problem?
    Thanks for the great plugin by the way.
    Nick

    Thread Starter tnxup

    (@tnxup)

    @justshopandgive:
    In the js directory of the plugin, try replacing ngg.slideshow.js and ngg.slideshow.min.js with the updated versions I made available for download in the above post (save backup copies of the files first ??

    OK – thanks for the response, I’ll give that a try.
    Nick

    That worked!! Thanks.
    Nick

    Thread Starter tnxup

    (@tnxup)

    @nick:
    You’re welcome!

    Thread Starter tnxup

    (@tnxup)

    @alex (re: I wait for some insight from the community / you):
    I resolved the slideshow order, i.e. image resizing, and load complications in the jQuery. The files are available for download in the post above.

    Thanks for your help, I open a issue here : https://code.google.com/p/nextgen-gallery/issues/detail?id=340

    So we can follow up this when the issue if fixed. One first remake : Your solution works fine on all browser, but it first load all images into the cache, then it starts the slideshow.

    My approach is to start the slideshow after the third preloaded image, imagine you have a gallery with 100 images…

    Thread Starter tnxup

    (@tnxup)

    @alex:
    My solution does start after the third preloaded image. Read the code/comments beginning from line 37.

    Thread Starter tnxup

    (@tnxup)

    @alex:
    Pay close attention to lines 56 and 57.

    Clear your browser cache and recheck it… Test nextgen-gallery.com (sidebar widget has a lot of images), i uploaded your script

    If the images are cached it will start earlier… I will deeper look into it at my next free weekend

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘[Plugin: NextGEN Gallery] jQuery Slideshow Order Bug 1.6.2 1.7.2’ is closed to new replies.