Какой JS плагин для позиционирования выбрать?

Question

[# a r t u r #]

Здравствуйте!

Появилась потребность в позиционировании ряда картинок строго внутри блока.
Почитал про кроссбраузерность, посмотрел гору примеров и задался вопросом - может есть хороший плагин для таких нужд?

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

Я также читал про UI позиционирование, но у меня не работает свойство offset (почему-то), а простое позиционирование вроде left center мне не подходит, нужно именно в пикселях и строго внутри блока.

Пока есть решение с коленки без всяких плагинов за исключением Jquery: https://jsfiddle.net/q5d5n8e1/ - насколько адекватное, как по вашему, можно ли рассчитывать на работу во всех браузерах? А если объектов будет около 80-100 штук на карте, насколько сильно будет грузиться?

Comments

[Stalker_RED]

А что мешает использовать абсолютное позиционирование left, center внутри блока?

[# a r t u r #]

Stalker_RED: т.е. на чистом css предлагаете сделать?

[jenovas]

Ну а в чем проблема, у родительского блока задаете position:relative, а дальше расставляете внутренние блоки, хотите руками, хотите через js задавайте стили

Answer 1

[Stalker_RED]

Абсолютное позиционирование left, center внутри блока на чистом css
Вся фишка в том, что блоки спозиционированы "position: absolute" внутри родителя у которго задан "position: relative"

Скрипт сдвигает карту, но метки (два квадратика) привязаны к ней.
https://jsfiddle.net/cnr01LsL/embedded/result/

Comments

[# a r t u r #]

Хороший вариант, а как с кроссбраузерностью (я в css всех нюансов не знаю)? вероятно Ваш вариант менее затратный по ресурсам нежели мой.

[# a r t u r #]

Спасибо за решение!

[Stalker_RED]

Артур Иванов: с кроссбраузерностью всё хорошо, эта штука работает уже лет 15, или даже больше.