Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.03.2008, 11:05
Новичок на форуме
Отправить личное сообщение для svip Посмотреть профиль Найти все сообщения от svip
 
Регистрация: 30.03.2008
Сообщений: 2

не получается вложить один эффект в другой
Испольую скрипты mootools+iCarousel+jd.gallery.v2
Получил эффект движения текста на стринице

Вот хочу вложить в раздел портфолио вот такой скрипт

но не получается его вложить в див.

Если отдельно пускаю - то работает:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="UTF-8">
    <head>
        <title></title>

        <link type="text/css" rel="stylesheet" href="css/this.css"></link>
        <link rel="stylesheet" href="css/jd.gallery.v2.css" type="text/css" media="screen" />
        <script type="text/javascript" src="js/mootools.v1.1.js"></script>
        <script type="text/javascript" src="js/shCore.js"></script>
        <script type="text/javascript" src="js/iCarousel.js"></script>
                                <script type="text/javascript" src="js/menu.js"></script>
        <script src="js/mootools.v1.11.js" type="text/javascript"></script>
        <script src="js/HistoryManager.js" type="text/javascript"></script>
        <script src="js/jd.gallery.v2.js" type="text/javascript"></script>
        <script src="js/jd.gallery.transitions.js" type="text/javascript"></script>
        <script type="text/javascript">

window.addEvent("domready", function() {
    //new Accordion($$(".accordion_toggler"), $$(".accordion_content"));

    dp.SyntaxHighlighter.HighlightAll("usage");

    var Carousel = new iCarousel("content", {
        idPrevious: "previous",
        idNext: "next",
        idToggle: "undefined",
        item: {
            klass: "item",
            size: 560
        },
        animation: {
            type: "scroll",
            duration: 1000,
            amount: 1
        }
    });

    $("thumb0").addEvent("click", function(event){new Event(event).stop();Carousel.goTo(0)});
    $("thumb1").addEvent("click", function(event){new Event(event).stop();Carousel.goTo(1)});
    $("thumb2").addEvent("click", function(event){new Event(event).stop();Carousel.goTo(2)});
    $("thumb3").addEvent("click", function(event){new Event(event).stop();Carousel.goTo(3)});
});

        </script>



    </head>
    <body>
<div class="logo">&nbsp;</div>
<div class="bg">&nbsp;</div>

<div id="kwick">
    <ul class="kwicks">
        <li><a class="kwick download" href="" id="thumb0"><span>Download now</span></a></li>
        <li><a class="kwick documentation" href="" id="thumb1"><span>Documentation</span></a></li>
        <li><a class="kwick blog" href="" id="thumb2"><span>The Blog</span></a></li>
        <li><a class="kwick trac" href="" id="thumb3"><span>Keep Trac</span></a></li>
    </ul>
</div>


<div id="container">
  <div id="container_bd" align="center">
    <div id="svip" align="left">
      <ul id="content">
        <li class="item">
          <div id="co">
            <div align="center">
              <b style="color:9F4000">Создание сайтов: </b> </div> <div style="margin-left: 10px;"> <p>     Создание web-сайта и раскрутка его в Интернете - один из самых эффективных способов развития бизнеса с нуля и привлечения новых и главное целевых клиентов для уже существующей и стремящейся к развитию компании. <p>     Мы профессионально разработаем для Вашей организации web-сайт от простого сайта визитки до Интернет-магазина или портала любой сложности и осуществим дальнейшую поддержку.
              <p>     Создание сайта - это кропотливый процесс, требующий комплексного и командного подхода целого звена специалистов: web-дизайнера, программиста, оптимизатора, верстальщика. <p>     Создание сайта в нашей компании начинается с детального изучения Ваших пожеланий по дизайну и структуре сайта, а так же особенностей и потребностей сайта для практических целей в соответствии с деятельностью Вашей организации. <p>
            </div>
          </div></li>
        <li class="item">
          <div id="co">
          текст
          </div>
        </li>
        <li class="item">
          <div id="co">
                    1 Создание web-сайта и раскрутка его в Интернете - один из
                    самых эффективных способов развития бизнеса с нуля и
                    привлечения новых и главное целевых клиентов для уже
                    существующей и стремящейся к развитию компании.
                    Мы профессионально разработаем для Вашей организации web-сайт
                    от простого сайта визитки до Интернет-магазина или портала
                    любой сложности и осуществим дальнейшую поддержку.
          </div>
        </li>
        <li class="item">
          <div id="co">
                    3 Создание web-сайта и раскрутка его в Интернете - один из
                    самых эффективных способов развития бизнеса с нуля и
                    привлечения новых и главное целевых клиентов для уже
                    существующей и стремящейся к развитию компании.
                    Мы профессионально разработаем для Вашей организации web-сайт
                    от простого сайта визитки до Интернет-магазина или портала
                    любой сложности и осуществим дальнейшую поддержку.
          </div>
        </li>
      </ul>

    </div>
  </div>

  <a id="previous" href="#left"><span>&larr;</span></a>
  <a id="next" href="#right"><span>&rarr;</span></a>
</div>






<div class="content">
              <script type="text/javascript">
              function startGallery() {
                var myGallery = new gallery($('myGallery'), {
               timed: false,
             useHistoryManager: true,
             defaultTransition: "fadeslideleft"
              });
             HistoryManager.start();
             }
                window.addEvent('domready', startGallery);
             </script>


             <div id="myGallery">
                 <div class="imageElement">
                    <h3>Item 1 Title</h3>
                    <p>Item 1 Description</p>
                    <a href="gallery-images/item-1/" title="open image" class="open"></a>
                    <img src="http://javascript.ru/forum/images/77196_6784-gallery.jpg" class="full" alt="Item 1 Title" />
                    <img src="http://javascript.ru/forum/images/77196_6784-mini.jpg" class="thumbnail" alt="thumbnail of Item 1 Title" />
                </div>
                <div class="imageElement">
                    <h3>Item 2 Title</h3>
                    <p>Item 2 Description</p>
                    <a href="gallery-images/item-2/" title="open image" class="open"></a>
                    <img src="http://javascript.ru/forum/images/165392_5486-gallery.jpg" class="full" alt="Item 2 Title" />
                    <img src="http://javascript.ru/forum/images/165392_5486-mini.jpg" class="thumbnail" alt="thumbnail of Item 2 Title" />
                </div>
                <div class="imageElement">
                    <h3>Item 3 Title</h3>
                    <p>Item 3 Description</p>
                    <a href="gallery-images/item-3/" title="open image" class="open"></a>
                    <img src="http://javascript.ru/forum/images/83808_7948-gallery.jpg" class="full" alt="Item 3 Title" />
                    <img src="http://javascript.ru/forum/images/83808_7948-mini.jpg" class="thumbnail" alt="thumbnail of Item 3 Title" />
                </div>
                <div class="imageElement">
                    <h3>Item 4 Title</h3>
                    <p>Item 4 Description</p>
                    <a href="gallery-images/item-4-title/" title="open image" class="open"></a>
                    <img src="http://javascript.ru/forum/images/87914_9172-gallery.jpg" class="full" alt="Item 4 Title" />
                    <img src="http://javascript.ru/forum/images/87914_9172-mini.jpg" class="thumbnail" alt="thumbnail of Item 4 Title" />
                </div>
                <div class="imageElement">
                    <h3>Item 5 Title</h3>
                    <p>Item 5 Description</p>
                    <a href="gallery-images/item-5-title/" title="open image" class="open"></a>
                    <img src="http://javascript.ru/forum/images/150103_4500-gallery.jpg" class="full" alt="Item 5 Title" />
                    <img src="http://javascript.ru/forum/images/150103_4500-mini.jpg" class="thumbnail" alt="thumbnail of Item 5 Title" />
                </div>
                <div class="imageElement">
                    <h3>Item 6 Title</h3>
                    <p>Item 6 Description</p>
                    <a href="gallery-images/item-6-title/" title="open image" class="open"></a>
                    <img src="http://javascript.ru/forum/images/78130_1037-gallery.jpg" class="full" alt="Item 6 Title" />
                    <img src="http://javascript.ru/forum/images/78130_1037-mini.jpg" class="thumbnail" alt="thumbnail of Item 6 Title" />
                </div>
                <div class="imageElement">
                    <h3>Item 7 Title</h3>
                    <p>Item 7 Description</p>
                    <a href="gallery-images/item-7-title/" title="open image" class="open"></a>
                    <img src="http://javascript.ru/forum/images/73831_3266-gallery.jpg" class="full" alt="Item 7 Title" />
                    <img src="http://javascript.ru/forum/images/73831_3266-mini.jpg" class="thumbnail" alt="thumbnail of Item 7 Title" />
                </div>

             </div>

           </div>





    </body>
</html>

Последний раз редактировалось svip, 30.03.2008 в 11:08.
Ответить с цитированием
  #2 (permalink)  
Старый 30.03.2008, 11:07
Новичок на форуме
Отправить личное сообщение для svip Посмотреть профиль Найти все сообщения от svip
 
Регистрация: 30.03.2008
Сообщений: 2

если вкладываю вот так, то не работает:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="UTF-8">
    <head>
        <title></title>

        <link type="text/css" rel="stylesheet" href="css/this.css"></link>
        <link rel="stylesheet" href="css/jd.gallery.v2.css" type="text/css" media="screen" />
        <script type="text/javascript" src="js/mootools.v1.1.js"></script>
        <script type="text/javascript" src="js/shCore.js"></script>
        <script type="text/javascript" src="js/iCarousel.js"></script>
                                <script type="text/javascript" src="js/menu.js"></script>






        <script src="js/mootools.v1.11.js" type="text/javascript"></script>
        <script src="js/HistoryManager.js" type="text/javascript"></script>
        <script src="js/jd.gallery.v2.js" type="text/javascript"></script>
        <script src="js/jd.gallery.transitions.js" type="text/javascript"></script>






        <script type="text/javascript">

window.addEvent("domready", function() {
    //new Accordion($$(".accordion_toggler"), $$(".accordion_content"));

    dp.SyntaxHighlighter.HighlightAll("usage");

    var Carousel = new iCarousel("content", {
        idPrevious: "previous",
        idNext: "next",
        idToggle: "undefined",
        item: {
            klass: "item",
            size: 560
        },
        animation: {
            type: "scroll",
            duration: 1000,
            amount: 1
        }
    });

    $("thumb0").addEvent("click", function(event){new Event(event).stop();Carousel.goTo(0)});
    $("thumb1").addEvent("click", function(event){new Event(event).stop();Carousel.goTo(1)});
    $("thumb2").addEvent("click", function(event){new Event(event).stop();Carousel.goTo(2)});
    $("thumb3").addEvent("click", function(event){new Event(event).stop();Carousel.goTo(3)});
});

        </script>



    </head>
    <body>
<div class="logo">&nbsp;</div>
<div class="bg">&nbsp;</div>

<div id="kwick">
    <ul class="kwicks">
        <li><a class="kwick download" href="" id="thumb0"><span>Download now</span></a></li>
        <li><a class="kwick documentation" href="" id="thumb1"><span>Documentation</span></a></li>
        <li><a class="kwick blog" href="" id="thumb2"><span>The Blog</span></a></li>
        <li><a class="kwick trac" href="" id="thumb3"><span>Keep Trac</span></a></li>
    </ul>
</div>


<div id="container">
  <div id="container_bd" align="center">
    <div id="svip" align="left">
      <ul id="content">
        <li class="item">
          <div id="co">
            <div align="center">
              <b style="color:9F4000">Создание сайтов: </b> </div> <div style="margin-left: 10px;"> <p>     Создание web-сайта и раскрутка его в Интернете - один из самых эффективных способов развития бизнеса с нуля и привлечения новых и главное целевых клиентов для уже существующей и стремящейся к развитию компании. <p>     Мы профессионально разработаем для Вашей организации web-сайт от простого сайта визитки до Интернет-магазина или портала любой сложности и осуществим дальнейшую поддержку.
              <p>     Создание сайта - это кропотливый процесс, требующий комплексного и командного подхода целого звена специалистов: web-дизайнера, программиста, оптимизатора, верстальщика. <p>     Создание сайта в нашей компании начинается с детального изучения Ваших пожеланий по дизайну и структуре сайта, а так же особенностей и потребностей сайта для практических целей в соответствии с деятельностью Вашей организации. <p>
            </div>
          </div></li>
        <li class="item">
          <div id="co">

             <div class="content">
              <script type="text/javascript">
              function startGallery() {
                var myGallery = new gallery($('myGallery'), {
               timed: false,
             useHistoryManager: true,
             defaultTransition: "fadeslideleft"
              });
             HistoryManager.start();
             }
                window.addEvent('domready', startGallery);
             </script>


             <div id="myGallery">
                 <div class="imageElement">
                    <h3>Item 1 Title</h3>
                    <p>Item 1 Description</p>
                    <a href="gallery-images/item-1/" title="open image" class="open"></a>
                    <img src="http://javascript.ru/forum/images/77196_6784-gallery.jpg" class="full" alt="Item 1 Title" />
                    <img src="http://javascript.ru/forum/images/77196_6784-mini.jpg" class="thumbnail" alt="thumbnail of Item 1 Title" />
                </div>
                <div class="imageElement">
                    <h3>Item 2 Title</h3>
                    <p>Item 2 Description</p>
                    <a href="gallery-images/item-2/" title="open image" class="open"></a>
                    <img src="http://javascript.ru/forum/images/165392_5486-gallery.jpg" class="full" alt="Item 2 Title" />
                    <img src="http://javascript.ru/forum/images/165392_5486-mini.jpg" class="thumbnail" alt="thumbnail of Item 2 Title" />
                </div>
                <div class="imageElement">
                    <h3>Item 3 Title</h3>
                    <p>Item 3 Description</p>
                    <a href="gallery-images/item-3/" title="open image" class="open"></a>
                    <img src="http://javascript.ru/forum/images/83808_7948-gallery.jpg" class="full" alt="Item 3 Title" />
                    <img src="http://javascript.ru/forum/images/83808_7948-mini.jpg" class="thumbnail" alt="thumbnail of Item 3 Title" />
                </div>
                <div class="imageElement">
                    <h3>Item 4 Title</h3>
                    <p>Item 4 Description</p>
                    <a href="gallery-images/item-4-title/" title="open image" class="open"></a>
                    <img src="http://javascript.ru/forum/images/87914_9172-gallery.jpg" class="full" alt="Item 4 Title" />
                    <img src="http://javascript.ru/forum/images/87914_9172-mini.jpg" class="thumbnail" alt="thumbnail of Item 4 Title" />
                </div>
                <div class="imageElement">
                    <h3>Item 5 Title</h3>
                    <p>Item 5 Description</p>
                    <a href="gallery-images/item-5-title/" title="open image" class="open"></a>
                    <img src="http://javascript.ru/forum/images/150103_4500-gallery.jpg" class="full" alt="Item 5 Title" />
                    <img src="http://javascript.ru/forum/images/150103_4500-mini.jpg" class="thumbnail" alt="thumbnail of Item 5 Title" />
                </div>
                <div class="imageElement">
                    <h3>Item 6 Title</h3>
                    <p>Item 6 Description</p>
                    <a href="gallery-images/item-6-title/" title="open image" class="open"></a>
                    <img src="http://javascript.ru/forum/images/78130_1037-gallery.jpg" class="full" alt="Item 6 Title" />
                    <img src="http://javascript.ru/forum/images/78130_1037-mini.jpg" class="thumbnail" alt="thumbnail of Item 6 Title" />
                </div>
                <div class="imageElement">
                    <h3>Item 7 Title</h3>
                    <p>Item 7 Description</p>
                    <a href="gallery-images/item-7-title/" title="open image" class="open"></a>
                    <img src="http://javascript.ru/forum/images/73831_3266-gallery.jpg" class="full" alt="Item 7 Title" />
                    <img src="http://javascript.ru/forum/images/73831_3266-mini.jpg" class="thumbnail" alt="thumbnail of Item 7 Title" />
                </div>

             </div>

           </div>





          </div>
        </li>
        <li class="item">
          <div id="co">
                    1 Создание web-сайта и раскрутка его в Интернете - один из
                    самых эффективных способов развития бизнеса с нуля и
                    привлечения новых и главное целевых клиентов для уже
                    существующей и стремящейся к развитию компании.
                    Мы профессионально разработаем для Вашей организации web-сайт
                    от простого сайта визитки до Интернет-магазина или портала
                    любой сложности и осуществим дальнейшую поддержку.
          </div>
        </li>
        <li class="item">
          <div id="co">
                    3 Создание web-сайта и раскрутка его в Интернете - один из
                    самых эффективных способов развития бизнеса с нуля и
                    привлечения новых и главное целевых клиентов для уже
                    существующей и стремящейся к развитию компании.
                    Мы профессионально разработаем для Вашей организации web-сайт
                    от простого сайта визитки до Интернет-магазина или портала
                    любой сложности и осуществим дальнейшую поддержку.
          </div>
        </li>
      </ul>

    </div>
  </div>

  <a id="previous" href="#left"><span>&larr;</span></a>
  <a id="next" href="#right"><span>&rarr;</span></a>
</div>









    </body>
</html>



Подскажите как вложить. в чем я ошибся???
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск