Я пытаюсь изменить URL-адрес изображения, содержащийся в объекте javascript, используя элемент onclick, чтобы изображение можно было заменить на другое - это панорамное изображение, поэтому, к сожалению, не простое изменение изображения!
Код объекта:
<div id="img-251" style="width:100%;max-width:800px;height:80vh;max-height:600px;"></div>
</div>
<script>
var viewer251 = new PhotoSphereViewer({
container: 'img-251',
touchmove_two_fingers: false,
time_anim: false,
anim_speed: '1rpm',
caption: 'Bedroom',
panorama: 'http://pallighting.com.au/wp-content/uploads/2020/07/website-360-test0000.jpg',
navbar: [
'autorotate',
'zoom',
'caption',
{title: 'Normal Size',className: 'sps-icon',content: '',onClick: function() {document.getElementById('spscontent-251').setAttribute("style","padding:10px");document.getElementById('img-251').setAttribute("style","width:100%;max-width:800px;height:80vh;max-height:600px;");viewer251.resize({width:100,height:80});}},
{title: 'Full Size',className: 'sps-icon',content: '',onClick: function() {document.getElementById('spscontent-251').setAttribute("style","position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 700;");document.getElementById('img-251').setAttribute("style","width:100%;height:100%");document.getElementById('spscontent-251').setAttribute("style","max-width:100%;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 99999;margin: 0;width: 100%;");viewer251.resize({width:100,height:80});}}
],
lang: {
autorotate: 'Automatic rotation',
zoom: 'Zoom',
zoomOut: 'Zoom Out',
zoomIn: 'Zoom In',
two_fingers: ['Use two fingers to navigate']
}
});
И я пытаюсь изменить изображение с помощью этого кода, используя изображение onclick. Я пробовал разные способы написания вещей, например, с именами переменных viewer251 или PhotoSphereViewer и без них ...
Не повезло с этим методом, любая помощь будет принята с благодарностью!