Lightbox will not load properly
-
I am having trouble getting lightbox <ahref=”http://lokeshdhakar.com/projects/lightbox2/”> to work. I have been able to create a new test html doc and get lightbox working. However when I put it into my website I can only get the images to load up.
My site is comprised of (header.php-portfolio.php(main content)-footer.php)Header.php
‘<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/images/favicon.ico” />
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0;”>
<!–<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />–>
<title><?php bloginfo(‘name’); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>
<link href=”<?php bloginfo(‘stylesheet_url’); ?>” rel=”stylesheet” type=”text/css” />
<link href=’http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,cyrillic-ext’ rel=’stylesheet’ type=’text/css’>
<link href=’http://fonts.googleapis.com/css?family=Iceland’ rel=’stylesheet’ type=’text/css’>
<link rel=”stylesheet” href=”http://fonts.googleapis.com/css?family=Karla%7CMontserrat”>
<link rel=”stylesheet” href=”<?php bloginfo(‘template_directory’); ?>css/screen.css”>
<link rel=”stylesheet” href=”<?php bloginfo(‘template_directory’); ?>css/lightbox.css”><script language=”javascript” type=”text/javascript”></script>
</head>
<body>
<div id=”container”>
<div id=”header”>
“>
<div class=”logo”>
</div>
<div class=”topbar”></div>
<div id=”navbar”>
<div id=”nav”></div>
</div>
</div>
<!–header end–>’Portfolio.php
‘<img class=”example-image” src=”<?php bloginfo(‘template_directory’); ?>/img/demopage/image-1.jpg” alt=”image-1″ />‘footer.php
‘<script src=”js/jquery-1.11.0.min.js”></script>
<script src=”js/lightbox.js”></script>
</body>
</html>’
The topic ‘Lightbox will not load properly’ is closed to new replies.