Показать сообщение отдельно
  #12 (permalink)  
Старый 07.11.2014, 22:41
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,129

gradov81,
http://fancyapps.com/fancybox/

если там у вас непрыгает, значит в вашем коде не учитывается нажатие на ссылку и идёт по ней переход.
либо вёрстка барахлит, либо return false нужен.

пишите макет
смотрите код ниже -- прыгает или нет???
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - jsFiddle demo</title>

  <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>

  <script type='text/javascript' src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
  <link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">


  <style type='text/css'>
     div.hh{
       height: 2000px;
     }
    html {height: 100%;}
  </style>



<script type='text/javascript'>
$(function(){
$(document).ready(function() {
 $(".fancybox").fancybox({
 openEffect : 'none',
 closeEffect : 'none'
 });
 });

});

</script>


</head>
<body>
<div class="hh"></div>
  <a rel="gallery" class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>

<a rel="gallery" class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt=""/></a>


</body>


</html>
Ответить с цитированием