Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: SLIDSHOW PHP F. v6

Parašė 1941· 2015 Vas. 26 21:02:36
#5

Pasidariau. Jeigu kam bus naudinga, įdedate šiuos failus į public_html (http://failai.kava.lt/23) ir sukuriate toką panelę:


 
openside("ARTIMIAUSI RENGINIAI");
  ?>
<link rel="stylesheet" href="css/font-awesome.min.css">
<style>
 
 
    #slides {
      display: none
    }
 
    #slides .slidesjs-navigation {
      margin-top:3px;
    }
 
    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }
 
    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }
 
    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }
 
    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }
 
    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }
 
    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }
 
    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }
 
    #slides a:link,
    #slides a:visited {
      color: #333
    }
 
    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }
 
    .navbar {
      overflow: hidden
    }
  </style>
 
 
  <style>
    #slides {
      display: none
    }
 
    .container {
      margin: 0 auto
    }
 
    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto
      }
    }
 
    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }
 
    /* For smaller displays like laptops */
    @media (min-width: 745px) and (max-width: 745px) {
      .container {
        width: 724px
      }
    }
 
    /* For larger displays */
    @media (min-width: 745px) {
      .container {
        width: 745px
      }
    }
  </style>
 
 
 
 
  <div class="container">
    <div id="slides">
      <img src="http://www.f1taure.lt/images/logo_1.png" alt="Photo by: Missy S Link: <a href='http://www.flickr.com/photos/listenmissy/5087404401/">' target='_blank'><span style='color:005C5B'>http://www.flickr.com/photos/lis..."></span></a>
         <img src="http://www.f1taure.lt/images/logo_2.png" alt="Photo by: Missy S Link: <a href='http://www.flickr.com/photos/listenmissy/5087404401/">' target='_blank'><span style='color:005C5B'>http://www.flickr.com/photos/lis..."></span></a>
      <a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left icon-large"></i></a>
      <a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right icon-large"></i></a>
    </div>
  </div>
 
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="js/jquery.slides.min.js"></script>
 
  <script>
    $(function() {
      $('#slides').slidesjs({
        width: 745,
        height: 191,
        navigation: false
      });
    });
  </script>
 
 
 
<?
closeside();
 


Neabejoju, jog viską galima padaryti daug labiau optimatizuotai, bet kai nepavyksta - džiaugiesi pasidaręs ir tiek.