Доброго времени суток, каким образом можно реализовать следующий скрипт?
имеется массив с определенным значениями (отсортированный)
например:
['a', 'a', 'b', 'c']
необходимо вывести изображение на страницу в зависимости от значений элементов в массиве,
т.е. с начало надо вывести изображение который соответствует элементу "а" из массива,
если количество элементов повторяется то около изображения надо писать X2 (т.е. данное изображение в количестве 2 штуки )
если массив стал вида:
['a', 'a', 'a', 'b', 'c']
то уже вывести все изображения с учетом того что изображение под значениям массива имеет вид:
"изображение" X3
html должен выглядеть следующим образом:
<div class="my_img">
<img src="img/1.png" alt="a">
x2
<img src="img/2.png" alt="b">
...
</div>
идея: думал можно первоначально скрыть все изображение, и в зависимости от значений в массиве
отображать их, так же сделать счетчик который будет смотреть сколько повторяющих элементов
в массиве и так же выводить их, но этот метод не оптимальный. каким образом это можно реализовать? Будет не плохо если поможете написать скрип
сделал следующим образом:
for (var i=0;i<Arr.length; i=i+1)
{
var pc = document.getElementById("my_img");
if (Arr[i]=='a') pc.innerHTML="<img src='img/1.png' alt='a'>";
else if (BlackArr[i]=='b') pc.innerHTML="<img src='img/2.png' alt='b'>";
else if (BlackArr[i]=='c') pc.innerHTML="<img src='img/3.png' alt='c'>";
else if (BlackArr[i]=='d') pc.innerHTML="<img src='img/4.png' alt='d'>";
else if (BlackArr[i]=='e') pc.innerHTML="<img src='img/5.png' alt='e'>";
}
но тогда у меня изображение выведется один раз и все. Т.е. получаю изображение 1.png хоть меня массив имеет вид ['a', 'b']. и не получается реализовать вывод количества изображение (X2)