Добрый день, уважаемые пользователи, помогите пожалуйста решить вопрос по написанию скрипта, который будет считать сколько фото на сайте, и какое фото смотрится на данный момент, например, типичная надпись на альбоме "Фото 3 из 40"
$('.album img').on('click', function() {
let selected = $(this).index('.album img') + 1;
$('#now').html("Выбран: №" + selected + " из " + $('.album img').length);
$('.album img').css('outline', 'none');
$(this).css('outline', '1px solid red');
});
img {
margin: 5px;
}
fieldset {
padding: 5px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<fieldset>
<legend>НЕ Альбом</legend>
<img alt="css" width="100" height="100" src="https://webref.ru/assets/images/book/css3.png">
<img alt="css" width="100" height="100" src="https://webref.ru/assets/images/book/css3.png">
<img alt="css" width="100" height="100" src="https://webref.ru/assets/images/book/css3.png">
<img alt="css" width="100" height="100" src="https://webref.ru/assets/images/book/css3.png">
</fieldset>
<p id="now"></p>
<fieldset class="album">
<legend>Альбом</legend>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/1200px-Unofficial_JavaScript_logo_2.svg.png" width="100" /><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/1200px-Unofficial_JavaScript_logo_2.svg.png"
width="100" /><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/1200px-Unofficial_JavaScript_logo_2.svg.png" width="100" /><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/1200px-Unofficial_JavaScript_logo_2.svg.png"
width="100" /><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/1200px-Unofficial_JavaScript_logo_2.svg.png" width="100" /><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/1200px-Unofficial_JavaScript_logo_2.svg.png"
width="100" /><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/1200px-Unofficial_JavaScript_logo_2.svg.png" width="100" /><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/1200px-Unofficial_JavaScript_logo_2.svg.png"
width="100" /><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/1200px-Unofficial_JavaScript_logo_2.svg.png" width="100" /><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/1200px-Unofficial_JavaScript_logo_2.svg.png"
width="100" /><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/1200px-Unofficial_JavaScript_logo_2.svg.png" width="100" />
</fieldset>
Очень благодарю!!!! помогли и выручили))
Продвижение своими сайтами как стратегия роста и независимости