I need help with a Ticker and Nivo Slider Plugins........Please

First and Foremost, Hello I am a beginner.I have got a question. Before I ask the question that I need help with is anyone familar with the Nivo Slider http://nivo.dev7studios.com/. Well I have got it up and running on my website (in development stage right now) but what I was wanting to do is put a 'SimpleTicker' on the bottom part of my site and for some reason I think something is conflicting with eachother. The ticker is running correclty but my Nivo Slider is not running nor does it even show up on the page when I am viewing it. The ticker that I am wanting is SimplerTicker you will find it here http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-jquery-news-ticker/.

Can someone please help me with this?

Ticker CSS:

#ticker { width:180px; height:300px; border:1px solid #aaaaaa; overflow:auto; }
#ticker dt { font:normal 14px Georgia; padding:0 10px 5px 10px; background-color:#e5e5e5; padding-top:10px; border:1px solid #ffffff; border-bottom:none; border-right:none; position:relative; }
#ticker dd { margin-left:0; font:normal 11px Verdana; padding:0 10px 10px 10px; border-bottom:1px solid #aaaaaa; background-color:#e5e5e5; border-left:1px solid #ffffff; position:relative; }
#ticker dd.last { border-bottom:1px solid #ffffff; }
#ticker div { margin-top:0; }

-------------------------------------------------------------------------------

JS for Nivo Slider

JQuery for Ticker

    //animate the first child of the ticker
    currentItem.animate({ marginTop: -distance }, duration, "linear", function() {

   //move current item to the bottom
   currentItem.appendTo(currentItem.parent()).css("marginTop", 0);

   //recurse
   animator(currentItem.parent().children(":first"));
    });
  };

  //start the ticker
  animator(ticker.children(":first"));

  //set mouseenter
  ticker.mouseenter(function() {

    //stop current animation
    ticker.children().stop();

  });

  //set mouseleave
  ticker.mouseleave(function() {

          //resume animation
    animator(ticker.children(":first"));

  });
   });
    </script>

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Diana Magers ~ Freelance Web Designer</title>
<link rel="stylesheet" href="home_style.css" type="text/css" />

#bottom-nav #bottom_middle #form1 label div #Additional Info {
padding-left: 25px;
padding-top: 10px;
}
-->
</style>
</head>
<body>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><br />
</p>
<p> </p>
<p><br />
</p>
<p> </p>
<div id="nav_bar">
Home Graphic Design</div>
<div id="wrapper">
<div id="slider-wrapper">
      <p> </p>
      <div id="slider" class="nivoSlider">
        <a href="http://www.nccwebtechnologies.com/dwhaley/Diana Magers/"><img src="images_slider/Slide.png" /></a>
        <a href="http://dev7studios.com"><img src="images_slider/up.jpg" /></a>
        <img src="images_slider/walle.jpg" />
        <img src="images_slider/nemo.jpg" alt="" title="#htmlcaption" />
</div>
      <div id="htmlcaption" class="nivo-html-caption">
        <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="portfolio.htm">a link</a>.
      </div>

</div>
    <h1 align="center"> </h1>
    <h1 align="center">My Mission Is Simple....</h1>
    <h2 align="center">To provide small businesses and organizations with creative web-based   solutions <br />
    that are affordable, innovative and attract your target audience!    </h2>
<p align="center"> </p>
    <p>Hello, I am Diana Magers a professional freelance Web Designer and Developer located in eastern North Carolina
      servicing the Eastern
      North Carolina,
      Raleigh/Durham, North Carolina areas. My specialists include
      creative and fully functional interactive XHTML and tables
      CSS web layouts.
      <br />
      <br />
<p>
<p> My designs are with a unique edge: complete customization and top of the line results at prices that the competition will be scratching
their heads over, user-friendly web sites that are engaging and in-line with your bottom line. I offer superior one-stop services such as web design, web development and all facets of graphic design, I strive to create inspired designs that will surprise, impress and engage consumers in new ways, on all screens. <br />
<br />
</p>
<p>Contact me if you would like a free quote or to talk about your web or graphic design needs.</p>
<p> </p>
<p> </p>
</div>

<div id="bottom-nav">

<div id="bottom1"><p> </p>
    <p> </p>
    <p> </p>
    <h3>Latest News<br />
    </h3>
<p> </p>
    <p> </p>
    <div id="tickerContainer">
      <dl id="ticker">
        <dt class="heading">This is a news title!</dt><dd class="text">This is a snippet of the news. It could be the whole news item or it could link to another page containing...</dd>
        <dt class="heading">News Heading 2</dt><dd class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</dd>
        <dt class="heading">News Heading 3</dt><dd class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</dd>
        <dt class="heading">News Heading 4</dt><dd class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</dd>
        <dt class="heading">This item is long!</dt><dd class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</dd>
      </dl>
    </div>

</div>

<div id="bottom3">

    <p> </p>
    <p> </p>
    <p> </p>
    <h3>Stay Connected <br />
    </h3>
    <p><br />
<div align="right"><img src="images/facebook.PNG" width="28" height="29" border="0" align="left" /><img src="images/linkedin.PNG" width="29" height="28" border="0" align="left" /></div><br />
      <br />
    Stay connected through Social Networking.<br /> I would love to hear from you.
    </p>
</div>
<div id="bottom_middle">
      <p> </p>
    <p> </p>
      <p> </p>
    <h3>Contact<br />
      </h3>
    <p align="left"><br />
      Diana Magers : dlmagers@yahoo.com<br />
      <br />
"The best way to get a customized quote is to send<br />
       me some more information about you and your project"<br />
       <br />
    Name:
      <label>
        <input type="text" name="name" id="name" />
      </label>
      <br />
      <br />
    </p>
    <p>E-Mail:
      <label>
        <input type="text" name="Email" id="Email" />
      </label>
      <br />
      <br />
      Additional Information that you would like for me to know in order to quote<br />
      correctly:<br />
    </p>
    <form id="form1" name="form1" method="post" action="">
      <label>
        <div align="left">
           <textarea name="Additional Info" id="Additional Info" cols="45" rows="10"></textarea>
          <br />
          <br />
          <br />
          <p>
        <input type="submit" value="Send Information" class="button" />
        <input type="reset" value="Cancel" class="button" />
<br />
      </p>
        </div>
      </label>
    </form>
    <p>      <br />
    </p>
<p> </p>
    <p> </p>

</div>
<p> </p>
</div>

</body>
</html>

Topic Participants
dlmagers

I need help with a Ticker and Nivo Slider Plugins........Please

I need help with a Ticker and Nivo Slider Plugins........Please

Topic Participants

dlmagers