The arrow graphics in the slider aren’t working correctly for me. The previous arrow moves the image forward and the next arrow moves the image back. How to swap this ?
Just replace header carousel code to this one:
<script type="text/javascript">
$(function() {
$("#slideshow").jCarouselLite({
btnNext: ".prev",
btnPrev: ".next",
vertical: true ,
speed: 500,
auto:4000,
visible: 1
});
$("#slideshow2").jCarouselLite({
btnNext: ".prev",
btnPrev: ".next",
visible: 1,
auto:4000,
speed:500
});
});
</script>
The slider speed – Can I alter the code to make it a slower speed before it moves to the next image ?
Sure! In header carousel code (sample below) edit “speed” and “auto” values in both places.
<script type="text/javascript">
$(function() {
$("#slideshow").jCarouselLite({
btnNext: ".prev",
btnPrev: ".next",
vertical: true ,
speed: 500,
auto:4000,
visible: 1
});
$("#slideshow2").jCarouselLite({
btnNext: ".prev",
btnPrev: ".next",
visible: 1,
auto:4000,
speed:500
});
});
</script>
Buyer Rating
( 28 ratings )
( 28 ratings )
vesthar
- Has been a member for 4-5 years
- Exclusive Author
- Sold between 10 000 and 50 000 dollars
- Bought between 10 and 49 items
- Europe
- Referred between 10 and 49 users
© All Rights Reserved vesthar -
Contact Envato Support
Request processing...
186 Purchases
26 Comments