slideshow med html

lige megte., har lavet en løsning.

for en god ordens skyld kan i se udkastet her (ikke kønt men kan bruges hvis du leder efter det samme som jeg gjore). der mangler dog stadig en masse:





<script type="text/javascript">

var position = 0;

function slide(way) {

    position += way;

    document.getElementById('slider').style.right = position + 'px';

}


</script>

<style type="text/css">

#slider li {

    list-style-type: none;

    font-family: Georgia;
    font-weight: normal;
    font-size: 200px;

    display: inline;

    width: 299px;

    text-align: center;

}


.frame {

    width: 300px;
    height: 300px;

    overflow: hidden;

    border: 5px solid #333333;
}

#slider {

    position: relative;
    right: 0px;

    width: 5000px;
    height: 299px;

}


</style>


<div class="frame">

    <ul id="slider">
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
    </ul>

</div>



<a href="java script:slide(-300);">left</a> <a href="java script:slide(300);">right</a>