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:
[login to view URL]
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:
[login to view URL]
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="[login to view URL]" data-bid="6780-1-2-3" data-rel="PrettyPhoto[g1a][1]"><img src="[login to view URL]" />
<a class="loadimgs loadimgs<?php echo $post_id.;?> href="[login to view URL]" data-bid="6781-1-2-3" data-rel="PrettyPhoto[g1a][1]"><img src="[login to view URL]" />
<a class="loadimgs loadimgs<?php echo $post_id.;?> href="[login to view URL]" data-bid="6782-1-2-3" data-rel="PrettyPhoto[g1a][1]"><img src="[login to view URL]" />
<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 = [login to view URL]("-");
var ftip = myarr[0];
var fnum = myarr[1];
var falb = myarr[2];
var fpoid = myarr[3];
$.post("/[login to view URL]",{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 [login to view URL] file that loads all the rest thumbnails of this gallery:
<a href="[login to view URL]" data-bid="6780-1-2-3" data-rel="PrettyPhoto[g1a][1]"><img src="[login to view URL]" />
<a href="[login to view URL]" data-bid="6781-1-2-3" data-rel="PrettyPhoto[g1a][1]"><img src="[login to view URL]" />
<a href="[login to view URL]" data-bid="6782-1-2-3" data-rel="PrettyPhoto[g1a][1]"><img src="[login to view URL]" />
....
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 [login to view URL] 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 [login to view URL] 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.
It seems like you need some ideas what may work or not. I was working with pretty photo in 2015, but not any more. you may try to refresh pretty photo that may help. or we can discuss further.
I don't have knowledge in this. but i have reviewed the code and i understand it. i can complete your request. Please ping me we discuss more and proceed on this.
Hi there,
Thanks for posting your project we are interested in your work & have vast experience in blog creation & customization.
We will fix out the problems & that all will be done in few hour & you can check the changes as well.