Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Wordpress Lightbox plugin not working

Posted on 2014-03-22
9
Medium Priority
?
416 Views
Last Modified: 2014-04-29
I have installed prettyphoto media, lightbox gallery, etc... and nothing I do will make my pictures open up with the lightbox effect.  I am using the Evolve theme and this code is in my header.php file.  <?php wp_head(); ?>

What am i doing wrong??
0
Comment
Question by:livewirewebsolutions
  • 4
  • 4
9 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39947490
If you post a link to the page we might be able to find the problem.  Without a link there is very little hope that we might come up with a correct guess.

Cd&
0
 

Author Comment

by:livewirewebsolutions
ID: 39947498
curl.livewiire.com - sorry
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39947522
You are using HTML5 tags in a page with an XHTML doctype.  The resulting validation errors make the page structurally unsound and it is not likely you can get it to work reliably until you either go to HTML5 or go back to only those tags supported by XHTML which is not forward compatible with HTML5.

Cd&
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:livewirewebsolutions
ID: 39947571
mmmm!  How did I make this happen.  Can you show me an example of this?  Is it the theme?  Is this code I used in a post?
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39947587
Line 341 of the source:
<nav id="nav" class="nav-holder link-effect">
nav is an HTML5 tag there fore the whole structure becomes questionable in XHTML because the browser does not know what to do with the tag.  

If you run the page through http://validator.w3.org/

It will give you some additional errors related to the problem of mixing HTML5 and XHTML. If the theme requires HTML5 then changing the doctype probably solve most of the issues.  On the other hand; if the Theme id designed for XHTML (a common defect with stuff from the internet) then you will have to go through the code and eliminate all references that are supported in HTML5 only.

Note that if you have to support IE browsers prior to IE9, they do not support HTML5 and most of CSS3.

Cd&
0
 

Author Comment

by:livewirewebsolutions
ID: 39947594
Wow.  and i thought Wordpress was easy to use.

So, is xhtml more advanced than html5.  What is the latest?
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39947613
No HTML5 is the most advanced, and will continue to evolve.

XHTML is dead-ended.  It was an ill-conceive attempt to fuse HTML and XML.  The problem is that HTML needs to grow to support new devices and hardware capabilities, and XML is static, constrained, and not very flexible.  The net result was that browser manufacturers were forced to add non-standard hack to support new devices.  the standards committe had no choice but to create a new (HTML5) standard or risk going back to the chaos of the 20th century when there were no commonly supported standards, and developers had to write specific code for each browser and device.

This overview of HTML5 gives a description of the HTML5 specific tags:

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5

Cd&
0
 

Author Comment

by:livewirewebsolutions
ID: 39947623
Thanks for the explanation above.

I have switched the the Twenty Fourteen theme and am getting the same results?
0
 
LVL 2

Accepted Solution

by:
Michael earned 2000 total points
ID: 39977648
I've had many issues trying to use lightbox over the years because it conflicts with various other javascripts/jQuery scripts and and finally abandoned using it and starting using "slimbox 2" instead and I've had zero issues with it for 3+ years now.

Looks like there's a Wordpress plugin for it... maybe this will resolve your issues and you can leave the rel="lightbox" in place as it is.

http://wordpress.org/plugins/slimbox/
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

These days socially coordinated efforts have turned into a critical requirement for enterprises.
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

877 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question