Forums › Forums › Slimbox2 plugin › PLEASE HELP! Slimbox2 not working, or ANY other lightbox type of plugin…
- This topic has 12 replies, 2 voices, and was last updated 12 years, 6 months ago by
malcalevak.
-
AuthorPosts
-
February 28, 2012 at 7:54 pm #1837
walkerte3
MemberSo 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!
February 28, 2012 at 8:08 pm #9468malcalevak
ModeratorYou’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.February 28, 2012 at 8:10 pm #9469walkerte3
Memberhttp://www.maineriverlife.com sorry, thought for sure I included that
February 28, 2012 at 8:13 pm #9470walkerte3
MemberNot 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.
March 1, 2012 at 10:45 pm #9471malcalevak
ModeratorSorry 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?
March 2, 2012 at 12:11 am #9472walkerte3
MemberNo worries. Yeah I have tried that, the only other plugin I have running is Yoast SEO
March 3, 2012 at 7:53 pm #9473walkerte3
MemberOk 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]March 3, 2012 at 8:32 pm #9474malcalevak
ModeratorI 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?
March 3, 2012 at 9:30 pm #9475walkerte3
MemberEh 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!
March 3, 2012 at 9:32 pm #9476walkerte3
Memberthis 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]March 4, 2012 at 9:00 am #9477malcalevak
ModeratorIt’s in your theme’s CSS, http://www.maineriverlife.com/wp-conten … css, 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.March 5, 2012 at 1:56 am #9478walkerte3
MemberRemoving that solved the problem! Damn… would have taken me ages to figure that out. Thank you so much for the assistance!
March 5, 2012 at 2:17 am #9479malcalevak
ModeratorNo problem. Glad I could fix it.
-
AuthorPosts
- You must be logged in to reply to this topic.