PrettyPhoto (Jquery lightbox script) modification

Please READ and UNDERSTAND the problem before offering your services.

I can NOT give you test accounts on my website, I can NOT give you FTP passwords etc. Looking for someone who knows this script:

PrettyPhoto lightbox gallery:

[url removed, login to view]

If you know this script, you will maybe need only 10 minutes to solve my problem if it's solvable. Probably it's not solvable in this way at all.

That's why I offer only 19 EUR.

if you don't know the script, you can see the demo on project's website and download the script:

[url removed, login to view]

MY PROBLEM

I need to dinamically load new thumbnails and to add them to the gallery so that newly loaded thumbnails become a part of the gallery.

I have multiple photo galleries on the same page. Some galleries have 1000+ photos and that's why I don't want to load thausands of thumbnails/links and I show only first 3 thumbnails of each gallery. When user starts to view some gallery (opens any of the first 3 photos), the script in the background must download all other thumbnails of this gallery.

FIRST 3 PHOTOS:

<a class="loadimgs loadimgs<?php echo $post_id.;?> href="[url removed, login to view]" data-bid="6780-1-2-3" data-rel="PrettyPhoto[g1a][1]"><img src="[url removed, login to view]" />

<a class="loadimgs loadimgs<?php echo $post_id.;?> href="[url removed, login to view]" data-bid="6781-1-2-3" data-rel="PrettyPhoto[g1a][1]"><img src="[url removed, login to view]" />

<a class="loadimgs loadimgs<?php echo $post_id.;?> href="[url removed, login to view]" data-bid="6782-1-2-3" data-rel="PrettyPhoto[g1a][1]"><img src="[url removed, login to view]" />

<div class="masmagenes<?php echo $post_id.;?>"></div>

SCRIPT

jQuery(function($){$(document).ready(function(){

$('.loadimgs').click(function(ev){

var dbid = $(this).attr("data-bid");

var myarr = [url removed, login to view]("-");

var ftip = myarr[0];

var fnum = myarr[1];

var falb = myarr[2];

var fpoid = myarr[3];

$.post("/[url removed, login to view]",{alb:falb,typ:ftip},function(d){

if(d){

$('#masmagenes'+fpoid).html(d);

}

});

$("a[data-rel^='PrettyPhoto[g1a]']").PrettyPhoto({

allow_resize:1,

deeplinking:false

});

});

$("a[data-rel^='PrettyPhoto[g1a]']").PrettyPhoto({

allow_resize:1,

deeplinking:false

});

})});

so, if user clicks on any of the first 3 thumbnails, the script calls [url removed, login to view] file that loads all the rest thumbnails of this gallery:

<a href="[url removed, login to view]" data-bid="6780-1-2-3" data-rel="PrettyPhoto[g1a][1]"><img src="[url removed, login to view]" />

<a href="[url removed, login to view]" data-bid="6781-1-2-3" data-rel="PrettyPhoto[g1a][1]"><img src="[url removed, login to view]" />

<a href="[url removed, login to view]" data-bid="6782-1-2-3" data-rel="PrettyPhoto[g1a][1]"><img src="[url removed, login to view]" />

....

So far, everything is OK.

Problem.

I need some way to rebuild the array of thumbnails/links without closing the opened photo. When new photos are loaded, PrettyPhoto script must rebuild the array of images, so that after photo_3 user the script opens newly loaded photo_4, photo5 etc...

PrettyPhoto does not see the newly loaded images and thinks that [url removed, login to view] is the last image in the array. When I close the a photo and click on it again, PrettyPhoto shows the whole gallery, including the new loaded images.

How do I force PrettyPhoto to recalculate/reload the array of the photos after [url removed, login to view] has loaded more photos without closing/reopening a photo?

As you can see, I refresh PrettyPhoto after loading additional images:

$("a[data-rel^='PrettyPhoto[g1a]']").PrettyPhoto({...

but it doesn't help.

JavaScript jQuery / Prototype

Project ID: #11632443

About the project