Re: Can’t have more than one UL Slider on page

[herman428]

OK, that makes sense.

I’ve got the HTML part down fine, but with the change I made to the .js file, it’s still not functioning. I may have made the change in the wrong place, or copied incorrectly.

This is what I have right now:
$(document).ready(function () {
$(“#slider”).responsiveSlides({
auto: false,
pager: false,
nav: true,
speed: 500,
namespace: “portfolio_slider”
}).bind({ “callbacks-after”: function () {
$(“a[rel^=’prettyPhoto’]”).prettyPhoto({ animationSpeed: ‘slow’, theme: ‘facebook’, slideshow: 2000 });
}
});

$(“#slider”).touchwipe({
wipeLeft: function () { $(‘.portfolio_slider1_nav.next’).trigger(‘click’); },
wipeRight: function () { $(‘.portfolio_slider1_nav.prev’).trigger(‘click’); }
});

$(“#slider2”).touchwipe({
wipeLeft: function () { $(‘.portfolio_slider2_nav.next’).trigger(‘click’); },
wipeRight: function () { $(‘.portfolio_slider2_nav.prev’).trigger(‘click’); }
});

$(“#slider3”).touchwipe({
wipeLeft: function () { $(‘.portfolio_slider3_nav.next’).trigger(‘click’); },
wipeRight: function () { $(‘.portfolio_slider3_nav.prev’).trigger(‘click’); }
});
});