cycle - trying to use anchor and captions together

cycle - trying to use anchor and captions together

I am trying to have photos cycle and have captions, with a a href on both the photo and the caption.

I want the caption to contain both the produt title as well as the description, seperate so I can format each differently.

This is what I have right now:

  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  2. <script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script>
  3. <script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
  4. <script type="text/javascript" src="http://malsup.github.com/jquery.easing.1.3.js"></script>
  5. <script>
  6. $('#slideshow').cycle({ 
  7.     fx:     'fade', 
  8.     timeout: 2000, 
  9.     after:   onAfter 
  10. });

  12. function onAfter() {
  13.     $('#producttitle').html(this.title + this.alt)
  14. }

  16. </script>
And down in the body:

  1. <div id="slideshow" class="pics">
  2. <a href="images/products/0125.jpg" title="Product Name" alt="This lovely bag is something you want to buy."><img src="images/products/0125.jpg" width="200" title="" alt="Product Name" /></a>
  3. <a href="images/products/0126.jpg" title="Product Name 2" alt="This lovely bag is something you want to buy as well."><img src="images/products/0126.jpg" width="200" alt="Product Name 2" /></a>
  4. <a href="images/products/0127.jpg" title="Product Name 3" alt="Have you bought this yet?  You should"><img src="images/products/0127.jpg" width="200" alt="Product Name 3" /></a>
  5. <a href="images/products/01281.jpg" title="Product Name 4" alt="Please buy something.  We love it."><img src="images/products/01281.jpg" width="200" alt="Product Name 4" /></a>
  6. </div>
  7. <div id="producttitle"></div>
  8.                             <div id="productdescription"></div>
I can get producttitle to display but alt comes back as undefined.

Thank you for any help.