[Lazorbeam]

Originally Posted by Mooff

Img tag is not closed.

<link rel="stylesheet" href="/nivo/nivo-slider.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/nivo/nivo-slider_uf_theme.css" type="text/css" media="screen" />
    <div style="height:250px;">
    <div id="wrapper">
        <div class="slider-wrapper theme-uf">
            <div class="ribbon"></div>
            <div id="slider" class="nivoSlider">
                  <a href="http://consortium.stormspire.net"><img src="nivo/1Test.png" alt="" title="#htmlcaption1" /></a>
            </div>
            <div id="htmlcaption1" class="nivo-html-caption">
                <b>Items that should be on your snatch list</b> </ br> testing.. <a href="http://consortium.stormspire.net">read more</a>
            </div>
        </div>

    </div>
    <script type="text/javascript" src="/clientscript/jquery/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="/nivo/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $("#slider").nivoSlider();
    });
    </script>
    </div>

try this one.

Ah i see, was my blunder in the code above - sorry


Edit:
If you have jquery 1.4 or higher allready running on your site you can delete that line:
<script type="text/javascript" src="/clientscript/jquery/jquery-1.4.4.min.js"></script>

Fantastico. Looks like it's working. As you pointed out I needed to remove the line that calls jquery.

Next step is to add additional slides. I tried duplicating some code but failed miserably.

Also, it seems that the arrows are somewhat pixelated. Do the "overlay" graphics look normal to you?

Link again for convenience: http://consortium.stormspire.net/con...The-Consortium

Edit: Hang tight, I'll first go through the nivo site and see if I can fix my own problem.