Two Types of People Survey

Here’s a fun set of polls Accelerant Research recently conducted among members of its Agora USA online insights community.

$(document).ready(function() {
var box = $(".box-inner"), x;
$(".arrow").click(function() {
if ($(this).hasClass("arrow-right")) {
x = ((box.width() / 2)) + box.scrollLeft();
box.animate({
scrollLeft: x,
})
} else {
x = ((box.width() / 2)) - box.scrollLeft();
box.animate({
scrollLeft: -x,
})
}
})

$('.thumb img').click(function(t) {
console.log('t', t);
$('#selected-img').attr('src', $(t.target).attr('src'));
});
});

.box-outer {
width: 100%;
max-width: 794px;
position: relative;
display: flex;
align-items: center;
gap: 10px;
}
.arrow-left {
top: 1.5rem;
left: 0rem;
z-index: 1;
cursor: pointer;
}
.arrow-right {
top: 1.5rem;
right: 10rem;
z-index: 1;
cursor: pointer;
}
.box-inner {
width: 100%;
gap: 5px;
white-space: nowrap;
overflow-y: hidden;
overflow-x: scroll;
}
.thumb {
display: inline-block;
}

.thumb,
.thumb img {
width: 112px;
height: 70px;
}

#selected-img {
width: 100%;
height: auto;
}

<

>