счетчик фото на сайт

202
28 июля 2017, 02:52

Добрый день, уважаемые пользователи, помогите пожалуйста решить вопрос по написанию скрипта, который будет считать сколько фото на сайте, и какое фото смотрится на данный момент, например, типичная надпись на альбоме "Фото 3 из 40"

Answer 1

$('.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>

Answer 2

Очень благодарю!!!! помогли и выручили))

READ ALSO
Поиск корней полинома

Поиск корней полинома

Как найти корни полинома, заданного через boost::math::tools::polynomial<double> на промежутке [0,1] используя тот же boost? Чтение документации не особо помогло...

302
OpenGL-GLFW-glad выдает ошибки &ldquo;unresolved external symbol glad_FuncName&rdquo;

OpenGL-GLFW-glad выдает ошибки “unresolved external symbol glad_FuncName”

ПриветствуюЦелый день ищу причину, никак не могу её найти

317
Парсер математических выражений

Парсер математических выражений

Как написать парсер математических выражений? Надо реализовать не только операторы (+, -, /, *), но и функции, например log, sin, cos, tan и тд

727
Qt Объединение ячеек в таблице

Qt Объединение ячеек в таблице

Всем привет! Хочу сделать таблицу как на прикрепленной картинке:

478