We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 16123
    • 6 Posts
    Народ подскажите с помощью каких плагинов можно сделать вот такой сайт http://www.zuerich-maler.ch
    нашел в исходниках
    jquery-1.3.2.min.js
    jquery.dimensions.pack.js
    jquery.blockUI.js
    highslide-with-gallery.js
    вобще как бы пытался слить все дабы понять как это работает слил все скрипты css все вобщем.. но что то так и не заработало.. подскажите кто не буть ну очень интересно реализовано)
      • 16123
      • 6 Posts
      Quote from: Andchir at Sep 17, 2009, 10:56 AM

      Главный скрипт в html-коде. При первой загрузке аяксом (вернее json) загружаются сразу все страницы. А дальше при нажатии на ссылки запускается анимация. Идея и реализация интересные.
      а что такое json подробней можно? может ссылочку где почитать?
        • 16123
        • 6 Posts
        не стал делать ещё топик..
        проблема такая..
        сделал шаблон из примера jCarousel
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
        <head>
        <title>jCarousel Examples</title>
        <link href="/assets/templates/4name/style2.css" rel="stylesheet" type="text/css" />
        
        <!--
          jQuery library
        -->
        <script type="text/javascript" src="/assets/templates/4name/lib/jquery-1.2.3.pack.js"></script>
        
        <!--
          jCarousel library
        -->
        <script type="text/javascript" src="/assets/templates/4name/lib/jquery.jcarousel.pack.js"></script>
        
        <!--
          jCarousel core stylesheet
        -->
        <link rel="stylesheet" type="text/css" href="/assets/templates/4name/lib/jquery.jcarousel.css" />
        
        <!--
          jCarousel skin stylesheet
        -->
        <link rel="stylesheet" type="text/css" href="/assets/templates/4name/skins/ie7/skin.css" />
        
        <script type="text/javascript">
        
        function mycarousel_itemLoadCallback(carousel, state)
        {
            // Check if the requested items already exist
            if (carousel.has(carousel.first, carousel.last)) {
                return;
            }
        
            jQuery.get(
                'index-ajax.php',
                {
                    first: carousel.first,
                    last: carousel.last
                },
                function(xml) {
                    mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
                },
                'xml'
            );
        };
        
        function mycarousel_itemAddCallback(carousel, first, last, xml)
        {
            // Set the size of the carousel
            carousel.size(parseInt(jQuery('total', xml).text()));
        
            jQuery('image', xml).each(function(i) {
                carousel.add(first + i, mycarousel_getItemHTML(jQuery(this).text()));
            });
        };
        
        /**
         * Item html creation helper.
         */
        function mycarousel_getItemHTML(url)
        {
            return '[*content*]';
        };
        
        jQuery(document).ready(function() {
            jQuery('#mycarousel').jcarousel({
                // Uncomment the following option if you want items
                // which are outside the visible range to be removed
                // from the DOM.
                // Useful for carousels with MANY items.
        
                // itemVisibleOutCallback: {onAfterAnimation: function(carousel, item, i, state, evt) { carousel.remove(i); }},
                itemLoadCallback: mycarousel_itemLoadCallback
            });
        });
        
        </script>
        </head>
        <body>
        <div id="wrap">
          <h1>jCarousel</h1>
          <h2>Riding carousels with jQuery</h2>
        
          <h3>Carousel with dynamic content loading via Ajax</h3>
          <p>
            The data is loaded dynamically from a simple text file which contains the image urls.
          </p>
        
          <div id="mycarousel" class="jcarousel-skin-ie7">
            <ul>
              <!-- The content will be dynamically loaded in here -->
            </ul>
          </div>
        
        </div>
        </body>
        </html>
        
        


        но в ретурн вставил [*content*]
        когда открываю страницу с этим шаблономона истествено пустая.. НО если смотреть исходны код страницы то видно что в этом ретурне как раз контекст страницы.. может кто поможет как собрать страчку из этого? буду рад все ответам очень хочется разобратся.