Lightbox link not working only in portfolio pages « Support Forum | Kriesi.at

Support Forum » Choices

Lightbox link not working only in portfolio pages

5 posts from 3 voices

Started 6 months ago by mgma
Latest reply from mgma
This topic is closed
This topic is resolved

Tags:

mgma
Member

I'm using Lightbox Plus and it works great on pages. But on a portfolio page it won;t trigger the lightbox. The code is identical. Is there some difference between these two types of posts that would cause this?. What can I do?

Thanks

Posted 6 months ago #
Dude
Dude

Hi!

Can you post a link to your website please - maybe a js error causes the issue or you need to initialize the javascript function with the ajax call.

Best regards,
Peter

Posted 6 months ago #
mgma
Member

Thanks Peter.

http://djdevelopment.net/2/

Sorting by "Word Prediction" and choose "Co:Writer" the "Watch a 5-Minute Demo" button is set to open the same lightbox item as at the top of this page...

http://djdevelopment.net/2/cowriter-2/

Now, if you're viewing this portfolio page directly, it works fine...

http://djdevelopment.net/2/portfolio-item/co-writer/

Thank you!

Posted 6 months ago #

Nick
Moderator

Hi,

The thing is that this page http://djdevelopment.net/2/ and http://djdevelopment.net/2/portfolio-item/co-writer/ have very little in common because of the ajax in the former. What's interesting is that the first time I followed your directions, the lightbox poped up on the ajax page so initially I didn't understand the problem or thought you fixed it. The second time, the lightbox popped up but partially and the page became empty with a white background. Only subsequent attempts caused nothing to popup and browser only treated the popup link as a regular link.

You know , looking at the errors, the flash is on a different domain.

Please add the code below to your .htaccess file in accordance with http://code.google.com/p/html5security/wiki/CrossOriginRequestSecurity Please check that your Apache has the following modules running also : mod_headers.c ... mod_setenvif.c

# ----------------------------------------------------------------------
# Cross-domain AJAX requests
# ----------------------------------------------------------------------

# Serve cross-domain Ajax requests, disabled by default.
# enable-cors.org
# code.google.com/p/html5security/wiki/CrossOriginRequestSecurity

  <IfModule mod_headers.c>
   Header set Access-Control-Allow-Origin "*"
  </IfModule>

# ----------------------------------------------------------------------
# CORS-enabled images (@crossorigin)
# ----------------------------------------------------------------------

# Send CORS headers if browsers request them; enabled by default for images.
# developer.mozilla.org/en/CORS_Enabled_Image
# blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html
# hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/
# wiki.mozilla.org/Security/Reviews/crossoriginAttribute

<IfModule mod_setenvif.c>
  <IfModule mod_headers.c>
    # mod_headers, y u no match by Content-Type?!
    <FilesMatch "\.(gif|ico|jpe?g|png|svg|svgz|webp)$">
      SetEnvIf Origin ":" IS_CORS
      Header set Access-Control-Allow-Origin "*" env=IS_CORS
    </FilesMatch>
  </IfModule>
</IfModule>

If this doesn't work , you can put the flash on the same domain as the website and see how that works out. Because it seems as if its almost refusing to embed the video when its called from the other domain from the ajax page via an iframe.

Thanks,

Nick

Posted 5 months ago #