Lightbox – Pixelwars

Posted in : BookCard
Aciix
Participant
15 November 2015 at 15:59
#26850

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
Moderator
16 November 2015 at 00:44
#26860

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

Aciix
Participant
16 November 2015 at 11:36
#26868

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
Moderator
16 November 2015 at 21:32
#26881

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
Participant
16 November 2015 at 21:37
#26882

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
Keymaster
16 November 2015 at 22:09
#26889
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
Participant
17 November 2015 at 01:09
#26896

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
Participant
17 November 2015 at 01:12
#26897

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
Keymaster
17 November 2015 at 16:55
#26909
i see, try adding this custom css code to your site;
```
.p-overlay {
    z-index: 1000;
}
```
Aciix
Participant
17 November 2015 at 17:05
#26911

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
Keymaster
17 November 2015 at 17:27
#26913

good to hear that, you are welcome.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item

BookCard - 3D Folded vCard HTML Template

by pixelwars