0

Доброго всем времени суток

На некоторых сайтах, если нажать на картинку, то она увеличивается, без перезагрузки страницы. Вот интересует аналогичная конструкция. Есть ссылка (классно если при наведении на div тоже будет работать) при наведении ка которую охота всплывающую область, скажем 300х300 пикселей, что бы там можно было написать, что вздумается, как на обычной html странице. Вопроса 2:

  1. Как это правильно назвать (для гугления)
  2. Может ли кто привести подобный пример

p.s. Ну если уж совсем прямо, то если зайти на сайт первого канала, там сбоку от плеера будут ссылки на новости (их 4 штуки всегда), и вот если навести на них курсор - появляется такая область синяя. Вот что-то подобное. (Выдернуть из сайта нельзя, уже пробовал. Или выдергивать плохо умею)

1 ответ 1

1

А в место фото можете вставить textarea, чтоб писать.

4
  • примеры хороши, к сожалению не понимаю как переделать их на свой лад. т.к. везде картинка превращается картинку, а хочется ссылка в часть страницы. Наиболее близкое только: <script type="text/javascript"> $(function(){ $('.zoom1001').hover(function(){ $(this).children('img').stop(true,true) .animate({width:"900px",height:"700px",left:"-300px",top:"-30px"}, 800); }, function(){ $(this).children('img').stop(true,true) .animate({left:"0",top:"0",width:"300px",height:"300px"}, 800); }); }); </script> // картинку обернуть в div class="zoom1001"
    – sergey
    Commented 31 июл. 2012 в 13:06
  • 1
    можно еще вот так habrahabr.ru/post/140522
    – AlbertR
    Commented 31 июл. 2012 в 13:45
  • Интересная штука, вот только нажимать нужно для действия вкл/выкл
    – sergey
    Commented 31 июл. 2012 в 14:38
  • 1
    в ответ на Вашу правку вопроса. Если посмотреть код страницы первого канала то видно что изначально нужная вам область имеет стиль display:none;, затем при наведении мыши становится display: block; сделайте тоже самое у себя, в коде страницы заранее создайте нужную вам область и поствьте ее диву style="display: none;", а на событии мыши поверх нужного места настраницы меняйте стиль на display:block.
    – AlbertR
    Commented 31 июл. 2012 в 15:32

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.