$logo_nr=mt_rand(1,2);

 

        echo "<img src='http://xxxxxx/images/logo_$logo_nr.png'>";

<style type="text/css">

.slider {

width: 745px;

height: 191px;

overflow: hidden;

margin: 30px auto;

{

.shadow {

background-repeat: no-repeat;

background-position:top;

width: 864px;

height: 200px;

margin:-60px auto;

}

</style>

 

<script type ="text/javascript "src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<script type ="text/javascript"  src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script type ="text/javascript">

function Slider(){

$(".slider #1").show("fade", 500);

$(".slider #1").delay(5500).hide("slide", {direction: "left"}, 500);

var sc=$(".slider img").size();

var count=2;

 

setInterval (function(){

$(".slider #"+count).show("slide",{direction: "right"}, 500);

$(".slider #"+count).delay(5500).hide("slide", {direction: "left"}, 500);

 

if (count == sc) {

count = 1;

}else{

count=count +1;

}

}

}

</script>

<body onload="Slider();">

<div class="slider">

<img id="1" src="http://www.f1taure.lt/images/logo_1.png" border="0" alt="A lyga belgija"/>

<img id="2" src="http://www.f1taure.lt/images/logo_2.png" border="0" alt="B lyga belgija"/>

</div>

<div class="shadow"></div>

</body>

 

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();