Even though I haven't found the answer yet, I am very impressed with this forum. It is very helpful and alive.
I've been told I'm on DNN 4.5 (i think) and I need to run the script
script src="http://NAMEOFSITE/resources/shared/scripts/jquery/jquery.min.js" type="text/javascript"></script> in the PAGE header settings and not the module header settings. Then I place the following code in the module header settings:
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
var slideCurPos = 0;
var slideItemCount;
var slideItemWidth = 760;
var slideInterval;
var jQueryslideLinks;
var jQueryslideItems;
jQuery(document).ready(function(){
/*************************************************/
/*** [SLIDE FUNCTIONS] ***************************/
jQueryslideLinks = jQuery("#slideNav a");
jQueryslideItems = jQuery("#slideItems div");
jQueryslideLinks.attr({'href': ' void(0)'});
slideItemCount = jQueryslideItems.size();
slideTo();
slideInterval = setInterval(slideToNext, 10000);
jQuery("#slide-previous-link").click(function () { slideToPrevious(); });
jQuery("#slide-next-link").click(function () { slideToNext(); });
jQueryslideLinks.click(function () {
clearInterval ( slideInterval );
slideCurPos = jQueryslideLinks.index(this);
slideTo();
slideInterval = setInterval(slideToNext, 10000);
});
function slideToPrevious() {
clearInterval ( slideInterval );
slideCurPos--;
if(slideCurPos < 0) { slideCurPos = slideItemCount-1; }
slideTo();
slideInterval = setInterval(slideToNext, 10000);
}
function slideToNext() {
clearInterval ( slideInterval );
slideCurPos++;
if(slideCurPos >= slideItemCount) { slideCurPos = 0; }
slideTo();
slideInterval = setInterval(slideToNext, 10000);
}
function slideTo() {
jQueryslideLinks.removeClass('slideNavSelected');
jQueryslideLinks.eq(slideCurPos).addClass('slideNavSelected');
var slideTo = (slideCurPos * slideItemWidth);
jQuery("#slideItems").animate({ marginLeft: "-"+slideTo+"px" }, 1500 );
}
/*** [/SLIDE FUNCTIONS] **************************/
/*************************************************/
});
//]]>
</script>
This didn't do anything initially but then I placed the HTML code in the HTML field within the module.
<div id="BL"><a id="slide-previous-link" href=" void(0);"><!----></a></div>
<div id="BR"><a id="slide-next-link" href=" void(0);"><!----></a></div>
<div id="slideContainer">
<div id="slideItems">
<div class="cbox"><img height="320" width="740" alt=" " src="/portals/145/s1.png" /></div>
<div class="cbox">
<ul style="margin: 0px; padding: 0px; float: left; width: 48%; text-align: left;">
<li><strong>1 Great Color</strong><br />
Current skin pack contains one great color</li>
<li><strong>3 Width Options</strong><br />
Small Wdith \ Medium Width \ Full Width</li>
<li><strong>4 Background Options</strong><br />
Black \ Color \ Gray \ White</li>
<li><strong>W3C standard XHTML compliant skin</strong><br />
Fully accessible designs and layouts.</li>
<li><strong>Flexible pane layouts</strong><br />
Total 15 panes to meet complex layout.</li>
</ul>
<ul style="margin: 0px; padding: 0px; float: right; width: 48%; text-align: left;">
<li><strong>3 skin objects:theme \ layout \ cssmenu</strong><br />
Free skinobject, which can be validated with w3c</li>
<li><strong>10 Banner Container Options</strong><br />
Self-adapting width,self-adapting height</li>
<li><strong>8 Containers</strong><br />
All the containers can be validated with the W3C</li>
<li><strong>3 text sizes Supported</strong><br />
10px \ 12px \ 14px,Default 12px, changing on the client</li>
<li><strong>SiteMap Skin included</strong><br />
Simple sitemap code and multi lanugage supported</li>
</ul>
</div>
<div class="cbox"><img height="250" width="620" alt=" " src="/portals/145/s3.png" /></div>
<div class="cbox"><img height="300" width="670" alt=" " src="/portals/145/s4.png" /></div>
<div class="cbox"><img height="320" width="740" alt=" " src="/portals/145/s1.png" /></div>
</div>
</div>
This has got me farther. Now I see text slide back and forth but no images. I don't even know where the images are pulling from in the code...
This is what I'm ultimately trying to achieve. http://www.dnnskin.net/apple-grey the rotating image banner is all I want.
getting closer!
M