38 lines
1.2 KiB
JavaScript
38 lines
1.2 KiB
JavaScript
"use strict";
|
|
$(document).ready( () => {
|
|
|
|
const slider = $("#image_list"); // slider = ul element
|
|
|
|
// the click event handler for the right button
|
|
$("#right_button").click( () => {
|
|
|
|
// get value of current left property
|
|
const leftProperty = parseInt(slider.css("left"));
|
|
|
|
// determine new value of left property and
|
|
let newLeftProperty = 0;
|
|
if (leftProperty - 300 > -900) {
|
|
newLeftProperty = leftProperty - 300;
|
|
}
|
|
|
|
// use the animate function to change the left property
|
|
slider.animate({left: newLeftProperty}, 1000);
|
|
});
|
|
|
|
// the click event handler for the left button
|
|
$("#left_button").click( () => {
|
|
|
|
// get value of current right property
|
|
const leftProperty = parseInt(slider.css("left"));
|
|
|
|
// determine new value of left property
|
|
let newLeftProperty = 0;
|
|
if (leftProperty < 0) {
|
|
newLeftProperty = leftProperty + 300;
|
|
}
|
|
|
|
// use the animate function to change the left property
|
|
slider.animate({left: newLeftProperty}, 1000);
|
|
});
|
|
|
|
}); |