Jquery Slider Not working… please help
-
http://www.kamikazeoverdrive.net/
As you can see on my site the main page slider’s title tab is toggling but the featured images are not.
The original problem was that either the Slider would work and the circular clock/ pagination on tablepress would not or removing this line:
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js” ></script>would break the slider and make the other plugins work. I know it is the slider that is creating the issue because when I move to another page w/o the slider everything works fine.
I have since added some coding in that allowed the line listed above to remain, the slider to remain partially functioning, and the other plugins to work. I added the No Conflict coding:
<script>var jQuery132 = $.noConflict(true);</script> <script type="text/javascript"> (function($){ $(document).ready(function(){ $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); }); })(jQuery132);Long story short, how do I get the entire slider working? I have tried other things, but I am fairly new at this any help would be great. I will attach the rest of relevant lines below.
<?php /* Template Name: Slider Template */ ?> <?php get_header(); ?> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script> <script>var jQuery132 = $.noConflict(true);</script> <script type="text/javascript"> (function($){ $(document).ready(function(){ $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); }); })(jQuery132); </script> <div id="middlecontent"> <?php theme_options_show_breadcrumbs(); ?> <div id="featured"> <?php global $post; $args = array( 'numberposts' => 9, 'meta_key' => _featuredcheck, 'meta_value' => Yes, 'cat' => 1); $myposts = get_posts( $args ); foreach( $myposts as $post ) : setup_postdata($post); $y=$y+1; ?> <div id="fragment-<?=$y;?>" class="ui-tabs-panel" style=""> (function($){ <?php if ( has_post_thumbnail() ) { the_post_thumbnail( 'slider-img' ); } ?> <div class="info" > <h2>"><?php the_title(); ?></h2> <?php the_excerpt();?> </div> })(jQuery132); </div> <?php endforeach; ?> <ul class="ui-tabs-nav"> <?php global $post; $args = array( 'numberposts' => 9, 'meta_key' => _featuredcheck, 'meta_value' => Yes, 'cat' => 1); $myposts = get_posts( $args ); foreach( $myposts as $post ) : setup_postdata($post); $x=$x+1; ?> <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-<?=$x;?>"> "><?php if (strlen($post->post_title) > 32) { echo substr(the_title($before = '', $after = '', FALSE), 0, 30) . '...'; } else { the_title(); } ?> <?php endforeach; ?> </div><!-- / Featured --> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <div class="post" id="post-<?php the_ID(); ?>"> <?php the_content(); ?> <?php wp_link_pages(array('before' => '<p>Pages: ', 'after' => '</p>', 'next_or_number' => 'number')); ?> </div><!-- End of Post --> <?php endwhile; endif; ?> <?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?> </div><!-- End of Middle Content --> <?php get_footer(); ?> <html> <body> <script type="text/javascript"> parent.processForm('&ftpAction=openFolder'); </script> </body> </html>The blog I need help with is http://www.kamikazeoverdrive.net.
[Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been damaged by the forum’s parser.]
The topic ‘Jquery Slider Not working… please help’ is closed to new replies.