在jquery滑块的每个新幻灯片上更改主体的背景

假设我有一个div800px*800px。在这个DIV中，我有一些jquery滑块，其尺寸为400px*400px。现在，滑块包含一些图像，如image1、image2、image3等。我想要的是，当滑块中的滑块发生变化时，800px*800px的背景也必须发生变化。例如，如果滑块显示image1，则较大div的背景也必须是image1，以此类推，同步更改。有什么建议吗？

假设您的滑块的步数与图像的步数相同，那么您可以使用滑块的步数来同步两个div

e、 g

// variables for the divs mentioned
var $div800 = $('#div800'); // or whatever
var $div400 = $('#div400'); // or whatever
// after creating the slider...
$('slider selector here').bind('slide', function(event, ui) {
    var url = 'http://example.com/images/image' + ui.value + '.jpg'; // or however you construct your url to the image
    $div800.css('background-image', 'url(' + url + ')');
 });