Виджет Zoom картинки при наведении (картинка не выходит за рамки ))

[injers 2]

Привет всем !

захотел вставить эффект, который увеличивает картинку при наведении курсора..

погуглил, нашел варианты решения на CSS, но чей-то лениво вставлять все в Head + custum HTML, вообщем решил накидать виджет, которым и делюсь с вами всеми , может он конечно уже и есть, но я не нашел )

что бы не появлялись артифакты при работе эффекта, соблюдайте пропорции  при вставке виджета, т.к. если например исходная картинка в соотношении сторон 16:9, то и размер виджета желательно делать в тех же пропорциях ..

всем удачи !!

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

[injers 2]

P.S. 

спасибо Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

за наводку про увеличение из центра )))

[Павел Хомерики 3360]

25 минут назад, injers сказал:

что бы не появлялись артифакты при работе эффекта, соблюдайте пропорции  при вставке виджета, т.к. если например исходная картинка в соотношении сторон 16:9, то и размер виджета желательно делать в тех же пропорциях ..

А вот это пожалуй лишнее. Надо было сделать виджет в котором просто можно прописывать стили или ID для стандартно помещенных картинок. Эх, всё руки не доходят написать виджет))

[injers 2]

21 минуту назад, Павел Хомерики сказал:

А вот это пожалуй лишнее. Надо было сделать виджет в котором просто можно прописывать стили или ID для стандартно помещенных картинок. Эх, всё руки не доходят написать виджет))

что бы отловить "стандартную" картинку надо искать ее ID в исходном коде ИМХО, иначе как ее идентифицировать ? muse дает только ALT и TITLE или если касаемо Mucow : itemUID, а mucow = это уже не "стандартная" картинка..

[Павел Хомерики 3360]

1 минуту назад, injers сказал:

что бы отловить "стандартную" картинку надо искать ее ID в исходном коде ИМХО, иначе как ее идентифицировать ?

Ну это дело 3-х секунд ))

[injers 2]

2 минуты назад, Павел Хомерики сказал:

Ну это дело 3-х секунд ))

ну да, кроме ламеров, юзеров и всех остальных, кто читает курсы " продающейся лендинг за 45 минут"... ))

[Павел Хомерики 3360]

Только что, injers сказал:

ну да, кроме ламеров, юзеров и всех остальных, кто читает курсы " продающейся лендинг за 45 минут"... ))

Мне кажется, ламеру будет так же сложно подобрать пропорции, как и найти ID в коде. А для нормального юзера найти ID - гораздо быстрее чем подобрать пропорции. Ламеры пусть учатся

[Павел Хомерики 3360]

Вот Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. берите на вооружение. Можно слямзить код и  только точку убрать из mucow, что бы можно было и стили и ID прописывать

[injers 2]

2 минуты назад, Павел Хомерики сказал:

Мне кажется, ламеру будет так же сложно подобрать пропорции, как и найти ID в коде. А для нормального юзера найти ID - гораздо быстрее чем подобрать пропорции. Ламеры пусть учатся

насчет ламеров = согласен, просто лень = движитель, вот и сделал ))  может кому и пригодится )

[injers 2]

8 минут назад, Павел Хомерики сказал:

Вот Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. берите на вооружение. Можно слямзить код и  только точку убрать из mucow, что бы можно было и стили и ID прописывать

у них scale выходит поверх  div обертки имхо

[Павел Хомерики 3360]

Только что, injers сказал:

у них scale выходит поверх  div обертки имхо

Я ж говорю, дело всего лишь в точке стиля, которая осталась в скрытом коде. Что бы применять к картинкам внутри дива, эту точку надо убрать из кода. Что бы можно было прописывать и стили и ID. В scale  сейчас можно прописывать только стили

[injers 2]

1 минуту назад, Павел Хомерики сказал:

Я ж говорю, дело всего лишь в точке стиля, которая осталась в скрытом коде. Что бы применять к картинкам внутри дива, эту точку надо убрать из кода. Что бы можно было прописывать и стили и ID. В scale  сейчас можно прописывать только стили

ок, попозже загляну поглубже, спс

[Алексей Чувелев Greymouse2 356]

1 час назад, injers сказал:

что бы отловить "стандартную" картинку надо искать ее ID в исходном коде ИМХО, иначе как ее идентифицировать ? muse дает только ALT и TITLE или если касаемо Mucow : itemUID, а mucow = это уже не "стандартная" картинка..

еще есть стиль.. уж его то что мешает использовать?

[Ежиков 0]

Подскажите пожалуйста! Есть ли виджет который при наведение на картинку она крутиться? Где скачать бесплатно? Заранее спасибо.

[Алексей Чувелев Greymouse2 356]

В 14.07.2017 в 17:55, Ежиков сказал:

Подскажите пожалуйста! Есть ли Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

[Ежиков 0]

7 минут назад, Алексей Чувелев Greymouse2 сказал:

тут поищите Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Все нашел отличный виджет для эфектов картинок спасибо всем.