Вот мой HTML:

<div class="large">
    <img src="/images/photos/Interior.jpg" alt="The interior" style="[...]" />
    <div class="caption">The interior</div>
</div>
<div class="small">
    <img src="/images/photos/Bedroom.jpg" alt="Bedroom" style="[A different ...]" />
    <div class="caption">A bedroom</div>
</div>

При нажатии наdiv.smallЯ хотел бы, чтобы изображения и подписи менялись местами. Загвоздка в том, что я не могу просто поменять местами src, так как есть множество встроенных стилей, которые нужно сохранить. Наконец, после того как изображения поменялись местами, я хочу применить свою пользовательскую функцию.fitToParent() для них обоих.

Как бы я поступил так?