слайдер

16 декабря 2013 г.

слайдер

Подскажите пожалуйста пошаговое создание слайдера для главной страницы. В инструкциях совсем нет...Нужен красивый слайдер для главной страницы. Код макета
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><?php Core_Page::instance()->showTitle()?></title>
<meta name="description" content="<?php Core_Page::instance()->showDescription()?>"></meta>
<meta name="keywords" content="<?php Core_Page::instance()->showKeywords()?>"></meta>
<meta content="text/html; charset=<?php echo SITE_CODING?>" http-equiv="Content-Type"></meta>
<?php Core_Page::instance()->showCss()?>

<script type="text/javascript" src="/hostcmsfiles/jquery/jquery.js"></script>

<script type="text/javascript" src="/templates/template1/hostcms.js"></script>
<script type="text/javascript" src="/hostcmsfiles/ajax/JsHttpRequest.js"></script>
<script type="text/javascript" src="/hostcmsfiles/ajax/ajax.js"></script>
<script type="text/javascript" src="/hostcmsfiles/main.js"></script>

<link rel="stylesheet" type="text/css" href="/hostcmsfiles/style.css" />

<link rel="alternate" type="application/rss+xml" title="HostCMS RSS Feed" href="/news/rss/" />


<script type="text/javascript" src="/hostcmsfiles/jquery/lightbox/js/jquery.lightbox.js"></script>
<link rel="stylesheet" type="text/css" href="/hostcmsfiles/jquery/lightbox/css/jquery.lightbox.css" media="screen" />


<script type="text/javascript" src="/hostcmsfiles/jquery/jquery.validate.js"></script>


<script type="text/javascript" src="/hostcmsfiles/jquery/stars/jquery.ui.core.js"></script>
<script type="text/javascript" src="/hostcmsfiles/jquery/stars/jquery.ui.widget.js"></script>
<script type="text/javascript" src="/hostcmsfiles/jquery/stars/jquery.ui.stars.js"></script>

<script type="text/javascript">
$(function() {
$('#gallery a:has(img)'

.lightBox();

$('.stars'

.stars({
      inputType: "select", disableValue: false
   });
});
</script>
<script src="/images/site7/js/jcarousellite.js" type="text/javascript"></script>
<script type="text/javascript">

   $(document).ready(function(){

     $("a.new_window"

.attr("target", "_blank"

;

     //carousel
     $(".carousel"

.jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev"
     });
   });

</script>
<!--[if lt IE 7]>
<script type="text/javascript" src="/images/site7/js/ie_png.js"></script>
<script type="text/javascript">
   ie_png.fix('.png, .carousel-box .next img, .carousel-box .prev img'

;
</script>
<link href="ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body id="page1">
<div class="tail-top-left"></div>
<div class="tail-top">
   
   <div id="header">
      <div class="row-1">
         <div class="fleft"><a href="/"><img src="/images/site7/logo.png" alt="" /></a></div>
         <div class="fright">
         <?php
         // Верхнее меню
         $Structure_Controller_Show = new Structure_Controller_Show(
            Core_Entity::factory('Site', CURRENT_SITE));

         $Structure_Controller_Show->xsl(Core_Entity::factory('Xsl'

->getByName('ВерхнееМенюСайт7'

)
->menu('3'

->show();
         ?>
         </div>
      </div>
      <div class="row-2"><span><b>
      <div id="slogan1">Создание сайтов оперативно, эффективно и недорого </div>
      <div id="slogan2"></div>
      </b>
      <div id="slogan_more">
      <a href="/path_success/" class="link2">Далее</a>
      </div>
      </span>

      </div>
   </div>
   
   <div id="content">
      
      <?php
      Core_Page::instance()->execute();
      ?>
   </div>
   
   <div id="footer">
      <div class="footer">© 2013— Лаборатория сайтов Weblabstore
         <a href="http://www.hostcms.ru" target="_blank">Система управления сайтом HostCMS</a>.<br />
      </div>
   </div>
</div>
</body>
</html>

marik

17 декабря 2013 г.

Re: слайдер

marik777tir,
Наберите в гугле jquery slider и найдете много готовых решений, выбирайте что Вам больше нравится, читайте к нему инструкцию и будет Вам счастье.

Как жить после? Только лучше чем до...

Авторизация