use format:

$("Element that include images").rollimg({options});

EX:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="rollimg.expbuilder.js"></script>

<div style="border: 1px solid #000;width: 352px;height: 288px;" id="imgs">
                   <ul>
                      <img src="imgs/ (1).jpg" width="352" height="288">
                      <img src="imgs/ (2).jpg" width="352" height="288">
                      <img src="imgs/ (3).jpg" width="352" height="288">
                      <img src="imgs/ (4).jpg" width="352" height="288">
                  </ul>
                </div>

<script type="text/javascript">
    $("#imgs").rollimg();
    </script>

EX2 with options:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="rollimg.expbuilder.js"></script>

<div style="border: 1px solid #000;width: 352px;height: 288px;" id="imgs2">
                   <ul>
                      <img src="imgs/ (1).jpg" width="352" height="288">
                      <img src="imgs/ (2).jpg" width="352" height="288">
                      <img src="imgs/ (3).jpg" width="352" height="288">
                      <img src="imgs/ (4).jpg" width="352" height="288">
                  </ul>
                </div>
                    <a id="prev2" href="javascript: void(0);">Prev</a>
                    &nbsp;|&nbsp;
                    <a id="next2" href="javascript: void(0);">Next</a>

<script type="text/javascript">

    $("#imgs2").rollimg({'vertical':false, 'nextid': '#next2', 'previd': '#prev2'});
    </script>

Options:

1. speed: effect speed => default is 100
2. vertical: image roll postion => true
3. click: roll when image click => true
4. nextid: the next link id => #next
5. previd: the previous link id => #prev