Beiträge von dev82

<div class="slider">
  <div class="s-shadow-t"></div>
  <div class="s-shadow-b"></div>
  <!--Right Arrow-->
  <a id="slide-next" href="#"></a> 
  <!--Left Arrow-->
  <a id="slide-prev" href="#"></a>
  <!-- This is the main slider container with all slides -->
  <div id="slider">
    <!-- Every div must contain the slide's img. These divs must be hidden by default (look in the CSS file). "activeSlide" class should be added to the first slide -->
    <div class="slide activeSlide"> <img src="images/slider/1.jpg" width="800" height="400" alt="slide1" /> </div>
    <!-- Example of slide with link -->
    <div class="slide"> <a href="#somelink"><img src="images/slider/2.jpg" width="800" height="400" alt="slide2" /></a> </div>
    <div class="slide"> <img src="images/slider/3.jpg" width="800" height="400" alt="slide3" /> </div>
    <div class="slide"> <img src="images/slider/4.jpg" width="800" height="400" alt="slide4" /> </div>
  </div>
  <!-- Container with slides' descriptions/captions. This container should be hidden -->
  <div class="slide-descriptions">
    <!-- Caption of the first slide -->
    <div class="sl-descr">
      <h3>Caption Title 1</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </div>
    <!-- Caption of the second slide -->
    <div class="sl-descr">
      <p>Any HTML here - <a style="color:orange" href="http://www.idangero.us" target="_blank">link</a></p>
    </div>
    <!-- NO caption for the third slide. If you do not want to use captions for the some slide leave this divs empty -->
    <div class="sl-descr"></div>
    <!-- NO caption for the fourth slide. If you do not want to use captions for the some slide leave this divs empty -->
    <div class="sl-descr"></div>
  </div>
  <!-- Caption will be inserted right into this container-->
  <div class="slide-descr"></div>
</div>
<!-- Loader - this actually the main element of Slider. All pieces will be placed here. And all animation is here. It is better to put this container right into the BODY child because it uses absolute position -->
<div id="slide-loader"></div>