• Страница 1 из 1
  • 1
Форум CREWEBIK.ru » design studio for uCoz » ФОРУМ ВЕБ МАСТЕРОВ » Скрипты и коды » LightSlider v. 0.2 от ElegantThemes
LightSlider v. 0.2 от ElegantThemes
exclusiv...
/avatar/01/4333-414916.png
1');return false;" rel="nofollow" href="javascript://" name="12">
07.06.2011 в 15:29 Доступно только для пользователей

Установка:

Это в head и /head
Code
<link rel="stylesheet" href="/style.css" type="text/css" media="screen" />


А это в самом конце перед /body

Code
    <script type="text/javascript" src="http://www.elegantthemes.com/preview/Magnificent/wp-content/themes/Magnificent/js/jquery.cycle.all.min.js"></script>
        <script type="text/javascript" src="http://www.elegantthemes.com/preview/Magnificent/wp-content/themes/Magnificent/js/superfish.js"></script>

        <script type="text/javascript">
        //<![CDATA[
         jQuery.noConflict();
                  
         jQuery('ul.nav').superfish({        
          delay:       200,                            // one second delay on mouseout        
          animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation        
          speed:       'fast',                          // faster animation speed        
          autoArrows:  true,                           // disable generation of arrow mark-up        
          dropShadows: false                            // disable drop shadows        
         });
                
         jQuery('ul.nav > li > a.sf-with-ul').parent('li').addClass('sf-ul');
                  
         et_search_bar();
                
         var $featured_content = jQuery('#slides');
                
         if ($featured_content.length) {
          $featured_content.cycle({
                timeout: 5500    ,
               speed: 500,
           cleartypeNoBg: true,
           prev:   '#featured a#left-arrow',        
           next:   '#featured a#right-arrow'
          });
         }
                
         <!---- Search Bar Improvements ---->
         function et_search_bar(){
          var $searchform = jQuery('div#search-form'),
           $searchinput = $searchform.find("input#searchinput"),
           searchvalue = $searchinput.val();
                  
          $searchinput.focus(function(){
           if (jQuery(this).val() === searchvalue) jQuery(this).val("");
          }).blur(function(){
           if (jQuery(this).val() === "") jQuery(this).val(searchvalue);
          });
         };
                
         /* footer widgets improvements */
                
         var $footer_widget = jQuery("#footer .footer-widget");
                
         if (!($footer_widget.length == 0)) {
          $footer_widget.each(function (index, domEle) {
           // domEle == this
           if ((index+1)%4 == 0) jQuery(domEle).addClass("last").after("<div class='clear'></div>");
          });
         };
                
         var $threaded_comments = jQuery('.depth-1 > ul.children');
                
         if ($threaded_comments.length) {          
          $threaded_comments.each(function(index, domEle) {
           var $right_place = jQuery(domEle).parent('.depth-1').find('.entry-content');
           jQuery(domEle).appendTo($right_place);
          });
         }
                
                 
        //]]>        
        </script>


Активирование:

Пропишите следующий код где вам угодно

Code
  <div id="featured">
        <div id="featured-overlay"></div>
        <div id="slides">
               
          <div class="slide">
          <a href="ссылка">
           <img src="картинка"   alt='описание' width='461' height='271' />   </a>
          <div class="description">
           <h2 class="title"><a href="ссылка">описание</a></h2>
           <p class="meta-info">описание</p>
          </div> <!-- end .description -->
         </div> <!-- end .slide -->
           <div class="slide">
          <a href="ссылка">
           <img src="картинка" class='thumb'  alt='описание' width='461' height='271' />   </a>
          <div class="description">
           <h2 class="title"><a href="ссылка">описание</a></h2>
           <p class="meta-info">описание</p>
          </div> <!-- end .description -->
         </div> <!-- end .slide -->
           <div class="slide">
          <a href="ссылка">
           <img src="картинка" class='thumb'  alt='описание' width='461' height='271' />   </a>
          <div class="description">
           <h2 class="title"><a href="ссылка">описание</a></h2>
           <p class="meta-info">описание</p>
          </div> <!-- end .description -->
         </div> <!-- end .slide -->
                  
        </div> <!-- end #slides -->
                 
        <a href="#" id="left-arrow">Previous</a>
        <a href="#" id="right-arrow">Next</a>
               
</div>    <!-- end #featured -->    

Картинки должны иметь размер 461px на 271px и не забудьте залить архивы в файловый менеджер!

Кому понравилось оставьте кометарий booze
aKo
/avatar/08/4162-382453.jpg
2');return false;" rel="nofollow" href="javascript://" name="113">
13.07.2011 в 19:31 CooL!!!
Kpacav4u...
/avatar/29/1406-619489.jpg
3');return false;" rel="nofollow" href="javascript://" name="2933">
26.03.2012 в 01:43 можно ли сделать так чтоб нажимая на картинку в слайдере она открывалась по системе iLoad3 ???
Nikola
/avatar/64/4120-829722.png
4');return false;" rel="nofollow" href="javascript://" name="2937">
26.03.2012 в 08:40
Quote (Kpacav4uk7541)
можно ли сделать так чтоб нажимая на картинку в слайдере она открывалась по системе iLoad3 ???

Я на этот счет не знаю) по крайней мере нигде не видал чтоб с слайдера картинка так открывалась!

Добавлено (26.03.2012, 08:40)
---------------------------------------------
Слайдер хороший, только встроить негде, маленький по ширине!
Я тоже сейчас добавлю слайдеры на форум! ждите...

Форум CREWEBIK.ru » design studio for uCoz » ФОРУМ ВЕБ МАСТЕРОВ » Скрипты и коды » LightSlider v. 0.2 от ElegantThemes
  • Страница 1 из 1
  • 1
Поиск: