Jump to content
  • 0
Sign in to follow this  
injers

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

Question

injers    2

Привет всем !

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

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

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

всем удачи !!

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

Share this post


Link to post

15 answers to this question

Recommended Posts

  • 0
injers    2

P.S. 

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

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

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
25 минут назад, injers сказал:

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

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

Share this post


Link to post
  • 0
injers    2
21 минуту назад, Павел Хомерики сказал:

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

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

Share this post


Link to post
  • 0
injers    2
2 минуты назад, Павел Хомерики сказал:

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

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

Share this post


Link to post
  • 0
Только что, injers сказал:

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

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

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0
injers    2
2 минуты назад, Павел Хомерики сказал:

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

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

Share this post


Link to post
  • 0
injers    2
8 минут назад, Павел Хомерики сказал:

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

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

Share this post


Link to post
  • 0
Только что, injers сказал:

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

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

Share this post


Link to post
  • 0
injers    2
1 минуту назад, Павел Хомерики сказал:

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

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

Share this post


Link to post
  • 0
1 час назад, injers сказал:

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

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

Share this post


Link to post
  • 0

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

Share this post


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

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

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

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...