PLEASE HELP! Slimbox2 not working, or ANY other lightbox type of plugin…

[walkerte3]

So I’ve spent the last 48 hours trying for the life of me to figure out what the heck is going on here. I can’t get any plugin that uses a lightbox effect to work on my website. I have literally tried every single plugin for this effect that I can find and NONE of them will work… Nor can I find anyone out there having the same issues. Thumbnails in my post are not even clickable with plugins in effect, they merely appear as an image in the post and thats it. How the heck do I get this thing working?? Please help and thanks so much in advance!

[malcalevak]

You’ll need to provide a link to your site for any sort of diagnosis.
My random guess is gonna be that you’ve got a jQuery conflict due to the theme you’re using needing to be redesigned, since that often prevents jQuery based plugins from working properly, but again, it’s just a random guess.

[walkerte3]

http://www.maineriverlife.com sorry, thought for sure I included that 

[walkerte3]

Not sure if this could have any affect, I recently changed the primary domain name of my server as well from offtrailphoto.com to maineriverlife.com. I was using a lightbox effect with the same theme prior to that, however I have made MANY changes to the website since it was working properly last.

[malcalevak]

Sorry for the slow reply, I’ve been battling a nasty infection.

I confirmed your site doing what you said with the images not even being clickable, which is strange, since the HTML is there.

Have you tried disabling your other plugins to see if it works, and then enabling them one at a time?

[walkerte3]

No worries. Yeah I have tried that, the only other plugin I have running is Yoast SEO

[walkerte3]

Ok so could this be the cause? I have a bunch of images that slide at the top of the index page, could this code be effecting the plugin? I added this to the index page manually,

[code:1srdh7tl]<div id="content-shrink">
  <p><div id="jqb_object">

<div class="jqb_slides">

        <div class="jqb_slide" title="" ><img src="/wp-content/themes/ModernOak/images/img/headerimage4.png" title="" alt=""/></div>
<div class="jqb_slide" title="" ><img src="/wp-content/themes/ModernOak/images/img/header2.png" title="" alt=""/></div>
        <div class="jqb_slide" title="" ><img src="/wp-content/themes/ModernOak/images/img/header3.png" title="" alt=""/></div>
        <div class="jqb_slide" title="" ><img src="/wp-content/themes/ModernOak/images/img/header5.png" title="" alt=""/></div>
        <div class="jqb_slide" title="" ><img src="/wp-content/themes/ModernOak/images/img/header6.png" title="" alt=""/></div>
        <div class="jqb_slide" title="" ><img src="/wp-content/themes/ModernOak/images/img/header7.png" title="" alt=""/></div>
        <div class="jqb_slide" title="" ><img src="/wp-content/themes/ModernOak/images/img/header8.png" title="" alt=""/></div>
       
</div>

<div class="jqb_bar">
<div class="jqb_info"></div>
<div id="btn_next" class="jqb_btn jqb_btn_next"></div>
<div id="btn_pauseplay" class="jqb_btn jqb_btn_pause"></div>
<div id="btn_prev" class="jqb_btn jqb_btn_prev"></div>
</div>

</div>
</p>[/code:1srdh7tl]

[malcalevak]

I don’t think so, nothing in there should prevent other links from acting normally…though if they’re sliding, I assume you must’ve added javascript as well?

[walkerte3]

Eh yes? Sorry I am totally just learning all this jazz, I can’t recal exactly what I did to get that working but looking in my header.php I see this code

[code:39iu4xiu]<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="/wp-content/themes/ModernOak/jqbanner.js" type="text/javascript"></script>[/code:39iu4xiu]

which I’m assuming would be the javascript that I added for the sliding images? Sorry it’s been a little while sense I dove this deep into the site. Any ideas how I might be able to get this thing working? Thanks for taking the time to look at this!

[walkerte3]

this is the entire header.php file incase it helps to take a look

[code:2n9dg9gf]<!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 profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>" />

<title><?php wp_title(”); ?></title>

<?php if ( is_page_template(‘page-nosidebar-1.php’)  ) { ?>
<link rel="stylesheet" href="<?php bloginfo(‘template_directory’); ?>/stylewide.css" media="screen" type="text/css" />
<?php } ?>
<?php if( is_page_template(‘page-nosidebar.php’)  ) :?>
<link rel="stylesheet" href="<?php bloginfo(‘template_directory’); ?>/stylewide.css" media="screen" type="text/css" />
<?php else:?>
<link rel="stylesheet" href="<?php bloginfo(‘stylesheet_url’); ?>" type="text/css" media="screen" />
<?php endif;?>

<link rel="alternate" type="application/rss+xml" title="<?php bloginfo(‘name’); ?> RSS Feed" href="<?php bloginfo(‘rss2_url’); ?>" />
<link rel="pingback" href="<?php bloginfo(‘pingback_url’); ?>" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="/wp-content/themes/ModernOak/jqbanner.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" media="screen" href="/wp-content/themes/ModernOak/style.css" />

<!–[if lt IE 7.]>
<script defer type="text/javascript" src="<?php bloginfo(‘template_directory’); ?>/pngfix.js"></script>
<![endif]–>
<?php wp_head(); ?>
</head>
<body<?php if ( is_page(array(‘nosidebar’))) {
echo ‘ class="nosidebar" ‘; } ?>>

<!– Header –>
<div id="header">
<div id="header-shrink">

<!– Navigation –>
<div id="navigation-bar">
<div id="navigation">
<ul>
<li<?php if ( is_home() or is_archive() or is_single() or is_paged() or is_search() or (function_exists(‘is_tag’) and is_tag()) ) { echo ‘ class="current_page_item"’; } ?>><a href="<?php echo get_option(‘home’); ?>">Home</a></li>
<?php wp_list_pages(‘sort_column=ID&title_li=’); ?>
</ul>
</div><!– /Navigation –>
</div><!– /Navigation-bar –>

<!– Branding –>
<div id="branding">
<div id="logo">
</div><!– /Logo –>
<h1><a href="<?php echo get_option(‘home’); ?>/"><?php bloginfo(‘name’); ?></a></h1>
<p><?php bloginfo(‘description’); ?></p>
</div><!– /Branding –>

<!– Header Feeds –>
<!– /Header Feeds –>

<div class="header-spacer"><!– Header Spacer –></div>

</div><!– /Header Shrink –>
</div><!– /Header –>

<!– Content –>
<div id="content">
[/code:2n9dg9gf]

[malcalevak]

It’s in your theme’s CSS, http://www.maineriverlife.com/wp-conten … css,&nbsp; line 104, remove the bit about position relative and it should fix your problems. I’ll admit, I don’t entirely know why, CSS is not my strong suit, but it didn’t seem to effect the appearance, but it did fix the problem.
FYI, you’re loading two copies of jQuery, one you inserted into the header, and another inserted by WordPress. You should probably look into how to make the changes you want differently to make it fit more snugly. Probably using a child theme and editing the functions.php.

[walkerte3]

Removing that solved the problem! Damn… would have taken me ages to figure that out. Thank you so much for the assistance!

[malcalevak]

No problem. Glad I could fix it.

[Author]

Posts