Как добавить исчезающий переход на изменяющемся изображении? ⇐ Jquery

[Anonymous]

У меня есть этот код: < /p>
html < /p>

Код: Выделить всё

 Home Office
 The Mezzaine (Add On)

[img]https://media.designcafe.com/wp-content/uploads/2019/11/17054904/interior-designer-or-decorator-make-your-choice-1.jpg[/img]
< /code>
css < /p>
.features-image{
width:100%;
height:600px;
object-fit: cover;
}

.features-button{
width: 200px;
padding: 10px 30px;
font-family: 'Jost';
font-size: 20px;
border: 0px;
border-radius: 10px;
cursor: pointer;
background: #fff;
color: #453011;
margin: 5px 25%;
}
< /code>
js < /p>
function featureImage1(){
document.getElementById("theImage").src="https://media.designcafe.com/wp-content/uploads/2019/11/17054904/interior-designer-or-decorator-make-your-choice-1.jpg";
}

function featureImage2(){
document.getElementById("theImage").src="https://hommes.studio/wp-content/uploads/Get-To-Know-Interior-Design-Trends-2022_16.jpg";
}

У меня есть код смены изображения, это заменить источник изображения, но я хочу добавить переход при изменении изображения.

Подробнее здесь: https://stackoverflow.com/questions/756 ... ging-image