Structure of the component

After you have inserted component into web page, in HTML code will be added tag <div id="JQBannerRotator1" class="JQBannerRotator">...</div>. This tag contains body of the banner. The following example shows the simple HTML code of the HTML5 Banner Rotator:

<div id="JQBannerRotator1" class="JQBannerRotator">
   <div class="overlay"></div>
   <ul class="data">
      <li>
         <a href="http://www.flashdevelopment24.com" target="_blank"><img class="slide" src="banner_files/slides/photo01.jpg" alt=""/></a>
         <div class="description">
            <p style="margin:0px; padding:0px">DESCRIPTION 1</p>
            <p style="margin:0px; padding:0px; color:#CCCCCC; font-size:10px; text-align:justify">Lorem ipsum dolor sit amet, 
	     consectetuer adipiscing elit, sed diam <a href="#">nonummy nibh</a> euismod tincidunt ut laoreet dolore magna.</p>
         </div>
      </li>
      <li>
         <img class="slide" src="banner_files/slides/photo02.jpg" alt=""/>
         <div class="description">DESCRIPTION 2</div>
      </li>
      <li>
         <img class="slide" src="banner_files/slides/photo03.jpg" alt=""/>
      </li>
      <li>
         <img class="slide" src="banner_files/slides/photo04.jpg" alt=""/>
         <div class="description">DESCRIPTION 4</div>
      </li>
   </ul>
</div>

Banner is realized with the help of <ul> and <li> tags, unordered list. You can change banner structure with the help of Wizard (Select оbject tag, then click 'Edit banner' button in Dreamweaver 'Properties' panel), then open 'Banner structure' category.

Inside tag <div class="description"> you can place slide description as HTML code (see first slide).