Изменить значение src в зависимости от формата окна

Question

Я новичок в Javascript. Я пытался понять это, но теперь я застрял ...

У меня есть фоновый слайдер, который не сохраняет свой первоначальный аспект в зависимости от размера окна. Чтобы избежать слишком большого искажения, например, в режиме Ipad в портретном режиме. Я думал, что для своего слайдера я буду использовать другой источник изображения, когда высота окна больше его ширины. Это то, что я получил до сих пор:

if(window.innerHeight > window.innerWidth){ 
document.getElementById('threesixty').attr('dataPath','path/to/imagesIpad{index}.jpg'); 
} 
else { 
$('.threesixty').attr('data-path','path/to/images{index}.jpg'); } 

и вот что в HTML

<div class="threesixty" data-path="path/to/images{index}.jpg" data-count="72"> 

, но это не работает ...

Answer 1

Во-первых, document.getElementById('threesixty') возвращает dom, а не объект jquery, вы не можете использовать метод .attr().

Во-вторых, почему в if это селектор id, но в else это селектор классов $('.threesixty') ???

В-третьих, почему, если это attr dataPath, но в else это attr data-path ???

Проверьте код