Показать сообщение отдельно
  #1 (permalink)  
Старый 29.07.2019, 07:30
Новичок на форуме
Отправить личное сообщение для Temofei Посмотреть профиль Найти все сообщения от Temofei
 
Регистрация: 29.07.2019
Сообщений: 5

Нужна помощь - сортировка фотографий с помощью JS
Добрый день!
Очень нужна помощь, есть шаблон вывода фотогалереи в одной очень экзотической CMS
{reduce:space}
{mask:main}
<div class="command-list"><div class="command-list_in">	
{mask:item}{if: {img}} 
<div class="command-one">
<div class="command-image"><a href="/images/0/{img}" class="fancybox" rel="gallery" title="{title}"><figure><img src="/images/1/{img}" alt=""/></figure></a></div>
<div class="foto-title">{title}</div>
</div>
{/}{/mask}	
</div></div>
<div class="back-link rightpos">
<a href="{backurl}"><span></span> К списку альбомов</a>
</div>
{/mask}



На просторах интернета нашел пример сортировки с помощью JS, но, чувствую, что-то не то делаю.. знания самые начальные.. нужна ваша помощь
<script>
var body = document.getElementById("command-image");
var listElms = body.getElementsByClassName("fancybox");
var sortedElms = Array.prototype.slice.call(listElms).sort(function(a, b) { 
return a.dataset.title > b.dataset.title
});

for (var i = 0; i < sortedElms.length; i++) {
body.appendChild(sortedElms[i]);
}
</script>


Сортировать хотел бы по названию - title (будет фамилия, в алфавитном порядке). Сортировать хотел бы налету при загрузке страницы.

Последний раз редактировалось Temofei, 29.07.2019 в 07:32. Причина: указал существенное требование
Ответить с цитированием