Solved

Wordpress Lightbox plugin not working

Posted on 2014-03-22
9
401 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
Comment Utility
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
Comment Utility
curl.livewiire.com - sorry
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
Comment Utility
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
 

Author Comment

by:livewirewebsolutions
Comment Utility
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
Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
LVL 53

Expert Comment

by:COBOLdinosaur
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility
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 500 total points
Comment Utility
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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
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…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

763 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

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now