Not Solved Slider JS problem
#1
Not Solved
So I'm attempting to use AnythingSlider (JS based slider) to display some content on the forum and got it to work, however, the JS seems to be conflicting with the forum as the collapse tags don't work on the index page.

Header code:
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<link rel="stylesheet" href="css/anythingslider.css">
	<script src="js/jquery.anythingslider.js"></script>
<script>
		// DOM Ready
		$(function(){
			$('#slider').anythingSlider();
		});
	</script> 
	<!-- Older IE stylesheet, to reposition navigation arrows, added AFTER the theme stylesheet -->
	<!--[if lte IE 7]>
	<link rel="stylesheet" href="css/anythingslider-ie.css" type="text/css" media="screen" />
	<![endif]-->

The slider itself seems to work great but it conflicts with the JS from the collapse tag and the shoutbox as well. Anyone know what could possibly be wrong?
Join this Gaming Forum
Reply
#2
Not Solved
Try this:
<script>
        jQuery.noConflict();
        // DOM Ready
        jQuery(document).ready(function($) {
            $('#slider').anythingSlider();
        });
</script> 
Reply
#3
Not Solved
or you could try Coin-Slider, also a JS based slider. We have an implementation of this app into a MyBB plugin in our support forum (spanish), just to make an easy install

http://www.soportemybb.com/tema_Plugin-C...porte-MyBB

Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)