I updated the plugin today and started having a bunch of problems, right now I am using the clear-slider theme and have made several sizing modifications. But it wasn’t sliding before I made these mods.
Which modifications did you made to fix WP Carousel? I’m working in a bug-fix release and I’m interested about any solution to any bug of WP Carousel 1.0.
Currently I have the sizing all set, but it doesn’t slide to show any additional images. I have over 30 in teh category, and am asking it to show 10. It shows 8 live, but doesn’t slide to show any more. I had been working before I updated, though it never allowed more than 10 slides to slide. Any ideas?
I’ve tried to display a category with 45 posts, limiting the number of posts to show to 10 and it works for me (using clear-slider theme, too).
Could you post the URL of your site, to check what is wrong?
sure:
waterstreetdistrict.com
all the way at the bottom
the fixes I made were all purely cosmetic, sizing the thumbs, reducing the margin, you’ll see when you look that it’s much smaller than the original. The mods I made were all inside the themes/clear-slider the 2 css files and in the theme.php and theme-jcarousel.php
Ok, I though you’ve made internal (PHP) changes to wp-carousel.php.
About your problem, I think it is a Javascript problem. As I am not an expert in Javascript (well, I am not an expert in PHP too, but I know more about PHP than Javascript), it might be more difficult to fix, but I think I know what is happening.
I’ve checked your WordPress theme JS and I’ve found the following code:
<script type="text/javascript">
$(function() {
$('#sc3 a').lightBox();
});
</script>
<script type="text/javascript">
$(function() {
$('#sc3 a').lightBox();
});
</script>
Usually when you use jQuery with WordPress it should be used with .noConflict(). I mean, instead of using $(function()… you should use jQuery(function()… .
As you can see in jQuery.js, at the end of the file is called .noConflict():
jQuery.noConflict();
I think the problem is it, but I’m not sure. Try to use jQuery instead of $ and check if it works.
I’m having a hard time locating that bit of code, which file did you find it in?
Look at the source code of waterstreetdistrict.com.
Near line 36:
<script type="text/javascript">
$(document).ready(function(){
$("#promos").divroller({pause:8000, visible:1});
});
</script>
Near line 46:
<script type="text/javascript">
$(function() {
$('#sc3 a').lightBox();
});
</script>
<script type="text/javascript">
$(function() {
$('#sc3 a').lightBox();
});
</script>
ok I made the change, it doesn’t seem to be affect the carousel.
HEY! but when I took that bit all the way out, it started working!
This code:
<script type="text/javascript">
$(document).ready(function(){
$("#promos").divroller({pause:8000, visible:1});
});
</script>
Should be like:
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#promos").divroller({pause:8000, visible:1});
});
</script>
And this:
<script type="text/javascript">
$(function() {
$('#sc3 a').lightBox();
});
</script>
<script type="text/javascript">
$(function() {
$('#sc3 a').lightBox();
});
</script>
Like this:
<script type="text/javascript">
jQuery(function() {
jQuery('#sc3 a').lightBox();
});
</script>
<script type="text/javascript">
jQuery(function() {
jQuery('#sc3 a').lightBox();
});
</script>
You haven’t finished the changes.
you are right, I put it back in (even though I’m not sure I need it) with the correct # of jQuerys in the code and it’s working! Awesome! Thank you!