Прикрутить fancybox

  1. Залить на сервак папку fancybox
  2. Прописать в шаблоне сайта путь к стилям
  3. Прописать путь к скрипту
  4. Если надо фэнсибочить картинку:
    <script type="text/javascript" charset="utf-8"> $(document).ready(function() { $("a.fancy").fancybox({ 'padding' : 10, prevEffect : 'fade', // для версии 2.0.5 nextEffect : 'fade' // для версии 2.0.5 }); }); </script> <a href="/images/8b-apn.jpg" class="fancy"> // в href-е адрес большой картинки <img src="/images/8-apn.jpg" width="107" height="76" alt="" /> // путь к маленькой </a>
    Если блок с контентом:
    <script type="text/javascript" charset="utf-8"> $(document).ready(function() { $("a.fancy").fancybox({ 'padding' : 10, prevEffect : 'fade', // для версии 2.0.5 nextEffect : 'fade' // для версии 2.0.5 }); }); </script> <a href="#options" class="fancy">Технические характеристики</a> <div style="display: none;"> // скрытый див <div id="options"> <h2> Технические характеристики</h2> bla-bla </div> </div>