The drag-drop widget functionality on the back-end will not work at the same time as the jcarousellite script! If I comment out the jcarousellite script, the widgets work again.

The error reported by Firefox Web Developer is “a[0] is undefined” on the jcarousellite script.

Any ideas?

/* Making the site ready for Thumbnail slider */

[Code moderated as per the Forum Rules. Please use the pastebin]

I’ve added this in various combinations and everything but n luck. Do anybody have any suggestions?

BTW, on another note: People who do JQUERY tutorials needs to either put a video or a very detail tutorial because they always leave out key details for the average user find out later on down the line about extra configurations that wasn’t even loaded on the site in the first place.

my slider stop working. believed it a conflict on the jquery as someone suggested. I am a novice in Javascript and would appreciate all help. The site in question is https://www.happystay.net/

Thanks in advance.

Does anyone know how to fix this, so when the page loads, it doesn’t display every article?

Thanks for your help!!

I am trying to get a vertical image carousel based on jcarousellite to work in my sidebar. If i have the code in a plain html page with plugin and jquery includes it works

<script language='JavaScript' type='text/javascript'>  

	$(document).ready(function() {
	$(".test").jCarouselLite({
		btnNext: ".next",
		btnPrev: ".prev",
		vertical: true,
		circular: false
	});

	});

</script>

<style type="text/css">

.test {
height: 250px;
width: 200px;
overflow:hidden;
display:block;
background-color:#009900;
}

</style>
<a href="#" class="prev">prev</a>
<div class="test" >
  <ul>
    <li> <img src="/index.php?image_id=3&thumbnail=true&width=64&height=64" class="drag_and_drop_item" alt='Servet' title='Servet' />
								</li>
      <li> <img src="/index.php?image_id=4&thumbnail=true&width=64&height=64" class="drag_and_drop_item" alt='Servet' title='Servet' />
.</li>
      <li> <img src="/index.php?image_id=3&thumbnail=true&width=64&height=64" class="drag_and_drop_item" alt='Servet' title='Servet' />
    </li>
	  <li> <img src="/index.php?image_id=6&thumbnail=true&width=64&height=64" class="drag_and_drop_item" alt='Servet' title='Servet' />
 </li>
  </ul>
</div>
<a href="#" class="next">next</a>

When i include the code in my WP sidebar it doesn’t work anymore. How can i trace conflicting code???

Any tips?