i realized the problem. there’s a piece of code in my <head> that is interfering with the lightview code. it’s a jquery thing for interesting scrolling. here is my code. does anyone thing there is a better way for me to code this so that all of it is functional?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Archive <?php } ?> <?php wp_title(); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<!-- leave this for stats -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="https://bcmediaproductions.com/site/css_lightview/lightview.css" type="text/css">
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
<!--[if lt IE 6]>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory')?>/ie.css">
<![endif]-->
<!--[if IE 6]>
<style type="text/css">
body {word-wrap: break-word;}
#main, #side {overflow: hidden;}
</style>
<![endif]-->
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js'></script>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.1/scriptaculous.js'></script>
<script type='text/javascript' src='https://bcmediaproductions.com/site/js/lightview.js'></script>
<script type="text/javascript" src="https://bcmediaproductions.com/site/js/external.js"></script>
<script type="text/javascript" src="https://bcmediaproductions.com/site/js/jquery.js"></script>
<script type="text/javascript" src="https://bcmediaproductions.com/site/js/jquery.scrollTo.js"></script>
<script type="text/javascript" src="https://bcmediaproductions.com/site/js/jquery.scrollToLocal.js"></script>
<script type="text/javascript" src="https://bcmediaproductions.com/site/js/easing.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#scrollbody div.four_col').hover(function() {
$(this).addClass('over');
}, function() {
$(this).removeClass('over');
});
$(function() {
$.localScroll({
easing:'easeOutExpo',
duration:1000
});
});
});
</script>
</head>
<body>