Вход | Регистрация | FAQ
Anonymous

JS как это?

+ Ответить

Сообщений: 3 Страница 1 из 1


JS как это?

JAmes » Сб окт 22, 2011 8:38 pm

Привет всем! у меня вот такая проблемка:
Изображение

Фансибокс раскрывается под этой штукой с букавками. как я только не бился :(

Помогите пожалуйста!

[spoiler]
Код: Выделить всё
<head>
   <link rel="stylesheet" type="text/css" href="css/demo.css" />
   <link rel="stylesheet" type="text/css" href="css/style.css" />
   <noscript><link rel="stylesheet" type="text/css" href="css/styleNoJS.css" /></noscript>
   <link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1" rel="stylesheet" type="text/css" />
   <link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&v2" rel="stylesheet" type="text/css" />
    <meta http-equiv="imagetoolbar" content="no" />
    <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css" media="screen" />
   
   
   
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="js/jquery.vaccordion.js"></script>

    <script type="text/javascript">
      $(function() { $('#va-accordion').vaccordion();   });
    </script>
   
   
    <script type="text/javascript" src="fancybox/jquery.fancybox-1.2.1.pack.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
         $("a.gallery, a.iframe").fancybox();
      
url = $("a.modalbox").attr('href').replace("for_spider","content2");
$("a.modalbox").attr("href", url);   
$("a.modalbox").fancybox(
{                         
         "frameWidth" : 400,   
         "frameHeight" : 400
                         
});

         $("a.gallery2").fancybox(
         {                  
"padding" : 20, // отступ контента от краев окна
"imageScale" : false, // Принимает значение true - контент(изображения) масштабируется по размеру окна, или false - окно вытягивается по размеру контента. По умолчанию - TRUE
         "zoomOpacity" : false,   // изменение прозрачности контента во время анимации (по умолчанию false)
         "zoomSpeedIn" : 1000,   // скорость анимации в мс при увеличении фото (по умолчанию 0)
         "zoomSpeedOut" : 1000,   // скорость анимации в мс при уменьшении фото (по умолчанию 0)
         "zoomSpeedChange" : 1000, // скорость анимации в мс при смене фото (по умолчанию 0)
         "frameWidth" : 700,    // ширина окна, px (425px - по умолчанию)
         "frameHeight" : 600, // высота окна, px(355px - по умолчанию)
         "overlayShow" : true, // если true затеняят страницу под всплывающим окном. (по умолчанию true). Цвет задается в jquery.fancybox.css - div#fancy_overlay
         "overlayOpacity" : 0.8,    // Прозрачность затенения    (0.3 по умолчанию)
         "hideOnContentClick" :false, // Если TRUE  закрывает окно по клику по любой его точке (кроме элементов навигации). Поумолчанию TRUE      
         "centerOnScroll" : false // Если TRUE окно центрируется на экране, когда пользователь прокручивает страницу      
            
         });
      
      $("#menu a, .anim").hover( function() {
      $(this).animate({"paddingLeft" : "10px"}, 300)},
     function() {$(this).animate({"paddingLeft" : "0"}, 300);
});

$("a.iframe").fancybox(
{                         
         "frameWidth" : 800,    // ширина окна, px (425px - по умолчанию)
         "frameHeight" : 600 // высота окна, px(355px - по умолчанию)
                         
});

      
      });
   </script>
   

   
   
   
</head>
<body>
   <div class="header">
      <a href="#"><span></span></a>
      <span class="right_ab">
         <span>8-919-944-06-04 | 8-909-735-86-64</span>
         <a href="demos/gallary.html#ad">&nbsp;</a>
      </span>
   </div>
   <div class="header2">
      <img src="images/logo.png" class="logo" />
      <h1>&nbsp;<br><span> Художественная ковка – это настоящее искусство, которое дает нам редкий шанс насладиться изящной красотой металла в каждом изделии.</span></h1>
    </div>
   <div class="container">
      <div id="va-accordion" class="va-container">
         <div class="va-nav">
            <span class="va-nav-prev">Previous</span>
            <span class="va-nav-next">Next</span>
         </div>
         <div class="va-wrapper">
            <div class="va-slice va-slice-1">
               <h3 class="va-title"><a href="#">Лестничные ограждения</a></h3>
               <div class="va-content">
                  <p>Лестничные ограждения, кованые поручни и перила,<br>созданные нашими мастерами, придадут<br>помещению оригинальность, прекрасно<br>впишутся в классический дизайн.</p>
                  <a class="gallery" rel="group" title="Лестничные ограждения" href="images/q1-1.jpg"><img src="images/q1-1s.jpg" alt="Лестничные ограждения" /></a>
            <a class="gallery" rel="group" title="Лестничные ограждения" href="images/q1-2.jpg"><img src="images/q1-2s.jpg" alt="Лестничные ограждения" /></a>
                <a class="gallery" rel="group" title="Лестничные ограждения" href="images/q1-3.jpg"><img src="images/q1-3s.jpg" alt="Лестничные ограждения" /></a>
                <a class="gallery" rel="group" title="Лестничные ограждения" href="images/q1-4.jpg"><img src="images/q1-4s.jpg" alt="Лестничные ограждения" /></a>
               </div>
            </div>
[/spoiler]
Аватара пользователя

JAmes

  • Сообщения: 2
  • Зарегистрирован: Сб окт 22, 2011 11:54 am

Re: JS как это?

JAmes » Вс окт 23, 2011 12:32 am

всем спасибо... оказывается существует забавный параметр z-index =) он то меня и спас
Аватара пользователя

JAmes

  • Сообщения: 2
  • Зарегистрирован: Сб окт 22, 2011 11:54 am

Re: JS как это?

atik » Вт окт 25, 2011 2:28 pm

It seems you have got your answer this time on your own. That's great. Just remember at first got the basic on html, css, jquery fully and then start others.
Аватара пользователя

atik

  • Сообщения: 471
  • Зарегистрирован: Пн окт 17, 2011 4:55 pm


+ Ответить

Страница 1 из 1