<!--cлайдер-->
  <script type="text/javascript" src="http://ugames.ucoz.org/js/jquery.jcarousel.min.js"></script>  
  <div id="jcarousel-skin-tango">
   
  <script type="text/javascript">  

  function mycarousel_initCallback(carousel)  
  {  
   // Disable autoscrolling if the user clicks the prev or next button.  
   carousel.buttonNext.bind('click', function() {  
   carousel.startAuto(0);  
   });  

   carousel.buttonPrev.bind('click', function() {  
   carousel.startAuto(0);  
   });  

   // Pause autoscrolling if the user moves with the cursor over the clip.  
   carousel.clip.hover(function() {  
   carousel.stopAuto();  
   }, function() {  
   carousel.startAuto();  
   });  
  };  

  jQuery(document).ready(function() {  
   jQuery('#mycarousel').jcarousel({  
   auto: 1,  
   wrap: 'last',  
   initCallback: mycarousel_initCallback  
   });  
  });  

  </script>
<ul id="mycarousel" class="jcarousel-skin-tango">  
  $MYINF_1$
  </ul>
  </div>  

<!--cлайдер-->

<li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 120px; height: 150px; "> <a href="$ENTRY_URL$"> <img src="$SCREEN_URL$" width="120" height="150" alt="$TITLE$"> </a> </li>

/*--------------------- Slider ---------------------*/
.jcarousel-skin-tango .jcarousel-container {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: url(/img/slider.png);
   
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
  direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
  width: 100%px;
  height: 150px;
  padding: 20px 100px;
}

.jcarousel-skin-tango .jcarousel-clip {
  overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
  width: 100%px;
  height: 150px;
}

.jcarousel-skin-tango .jcarousel-item {
  width: 100px;
  height: 150px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
  margin-left: 0;
  margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
  margin-left: 10px;
  margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
  background: #FF0000;
  color: #FF0000;
}

/**
  * Horizontal Buttons
  */
.jcarousel-skin-tango .jcarousel-next-horizontal {
  position: absolute;
  top: 65px;
  right: 40px;
  width: 30px;
  height: 50px;
  cursor: pointer;
  background: transparent url(/img/next.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
  left: 10px;
  right: auto;
  background-image: url(/img/prev.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
  background: transparent url(/img/next2.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
  background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
  cursor: default;
  background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
  position: absolute;
  top: 65px;
  left: 40px;
  width: 30px;
  height: 50px;
  cursor: pointer;
  background: transparent url(/img/prev.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
  left: auto;
  right: 5px;
  background-image: url(/img/next.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,  
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
  background: transparent url(/img/prev2.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
  background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
  cursor: default;

}
/*--------------------- Slider end -----------------*/