I have been using the Nivo Slider for a while now. I recently was working on a website, that had a nivo slider in it. So, i just copied the code over. Everything was working perfectly, until a couple minuets later, i looked and i had 4 images instead of three, and the first was blank, and all i saw was my background. The only thing i added after it was working was another picture, and this code for a news ticker.
<script type="text/javascript"/>
var ticker = $('.ticker'),
tickerInner = ticker.find('.ticker-inner'),
tickerHeight = ticker.height(),
tickerDelay = 6000,
tickerSpeed = 1500,
tickerInterval;
tickerInterval = setInterval(function(){
tickerInner.animate({'top' : '-='+tickerHeight}, tickerSpeed, function(){
$(this).find('p').first().appendTo(tickerInner);
tickerInner.css('top', 0);
});
}, tickerDelay);
</script>
When i am in Google Chrome, i look on my console and this is what i get:
GET file:///C:/Users/Hunter/Desktop/Websites/Team%20Fear%20Pro/undefined jquery.min.js:4
I am not sure what do do from now, and i have even tried doing it all over again, but will no luck. If there is anything else i can post to help out, just leave a comment. Thanks!
Here is my references:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="nivo/js/jquery.nivo.slider.pack.js" type="text/javascript"></script>