[Aciix]

Hey :)
so what i want is that when i click on a portfolio item and then go into the detail side,
i want to be able to click on the pic and get lightbox there to popup the picture and i can then go through more pictures.
it works great local but when i throw it online, the lightbox in detail page, does not work

when i go online and click on a portolio item and get into the ajax detail page
my address is now: http://nameonthesite/#/portfolio/item.html

and the picture is there BUT the lightbox does not work
(but it does local)

[serkan]

Hi @Aciix;
Could you provide me your correct related url please?
Upload to ftp and ajax should work.
Thanks

[Aciix]

yes of course sorry thats my bad

http://andersjpg.com/#/portfolio/nibebryghus.html

yea i done that and thats where it fails me :D

[serkan]

Hi @Aciix;
I just checked your website and everything looks okay. Have you check our demo url ? When you on the local the pictures was coming with the pop up screen because the images were on your computer. But in the online, pictures not coming with the pop up because its coming from your server. This is how the theme works. It is not a bug or something.
Thank you

[Aciix]

hey :)
yes it works well i just need as you say lightbox effect on the detail side
if it works local, are you sure i cant make it work on the server then,
cant it be a path that not right when it gets online because of ajax?

[ahmetsali]

Hi, edit js/main.js in a text editor, and find line: 487, you will see this line;

p.addClass('active');

add this piece of code just after that line;

setupLigtbox();

and lightboxes in ajax pages should work fine then.

[Aciix]

sadly does not work

// ajax : fill data
p.empty().load($.address.baseURL() + ‘/’ + url + ‘ .portfolio-single’, function() {

// wait for images to be loaded
p.imagesLoaded(function() {

hideLoader();

$(‘html’).addClass(‘p-overlay-on’);

// responsive videos
$(“.portfolio-single”).fitVids();

if(Modernizr.csstransforms && Modernizr.csstransforms3d) { // modern browser
p.removeClass(‘animated ‘+ outAnimation + ” ” + inAnimation ).addClass(‘animated ‘+ inAnimation).show();
} else { //old browser
p.fadeIn();
}
p.addClass(‘active’);
setupLigtbox();
});
});
}

[Aciix]

well it does but its behind the ajax window, so its behind the detail page :D
and when you want to page through the pictures on the lightbox it does not work either :/

[ahmetsali]

i see, try adding this custom css code to your site;

.p-overlay {
    z-index: 1000;
}

[Aciix]

Hey again!
i made it work, i forgot to write back here about it
the funny thing was that when i ran the page i saw the z-index were at 3000 when on the ajax page
BUT the lightbox only at 1100 so yea hehe
works and thanks again for the support

[ahmetsali]

good to hear that, you are welcome.