Проблема в name="Map" - Вопросы по CSS

-По ссылке пример, как работает карта в которой вставлены изображения
-ВОПРОС: Как сделать так чтоб нажимая на определённую точку (плана), он показывал например 5 фотографий, т.е. листая фото при просмотре он показывает не больше 5.
Нажав на другую часть изображения (плана), он показывает 10 фотографии и т.д.
Ссылка

там где у вас <area class="jcepopup"... > попробуйте добавить: <area class="jcepopup" rel="group[img1]" .. >
и для каждого area меняйте значение rel="group[img1]", то есть для первого rel="group[img1]" для второго rel="group[img2]" и так далее.. хотя будет ли работать с map понятия не имею.

там где у вас <area class="jcepopup"... > попробуйте добавить: <area class="jcepopup" rel="group[img1]" .. >
и для каждого area меняйте значение rel="group[img1]", то есть для первого rel="group[img1]" для второго rel="group[img2]" и так далее.. хотя будет ли работать с map понятия не имею.

Не работает, есть ещё вариант?
-Может по другому можно это сделать не через  map ?

нашёл решение, сам разобрался