View Full Version : Billboard showing all content instead of one

04-28-2010, 01:16 PM
1) Script Title: DHTML Billboard Script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex2/dhtmlbillboard.htm

3) Describe problem: I have 2 computers. One for development, one for deployment. I modified the Billboard on my dev. computer and everything works great. When I deploy it, all the slides show instead of just one and the it looks like the script isn't working.

I am using Dotnetnuke for my site. I don't know if anyone is familiar with dnn but here is what I did.

DNN has a module called Form and List. It allows you to dynamic forms based on tokens. I created a script file called Article.Slider.js (http://www.csdevonline.com/Portals/_default/Skins/fadeblack_skin/Article.Slider.js) and in the module settings I added a reference to it:

<script src="/Portals/_default/Skins/fadeblack_skin/Article.Slider.js" type="text/javascript"></script>

I created a division:

<div class="billcontent" id='[Order]'>
<div id="lead-story">
<a href='[ArticleLink_UDT_Url]'><img style="border-width: 0px;" alt="[Title]" src='[ArticleImage_UDT_Url]' /></a>
<div class="caption png-fix">
<h3><a href='[ArticleLink_UDT_Url]'>
[Title]</a><br/><span class="credit">Story by - [Credit]</span></h3>

and set the style:

#lead-story { height: 400px; margin: -10px -10px 0 10px; overflow: hidden; position: relative; width: 650px; }
#lead-story a { border-bottom-style: none; color: #FFFFFF; }
#lead-story a:focus, #lead-story a:hover { color: #6BA1D7; }
#lead-story .caption { background-color: rgba(0, 0, 0, 0.75); bottom: 0; font-size: 21px; left: 0; line-height: 25px; margin-right: -10px; padding: 15px; position: absolute; text-shadow: 0 -1px 0 #000000; width: 600px;}
#lead-story .credit { color: #FFFFFF; font-size: 12px; }
#lead-story .credit span { font-size: 8px; }
#lead-story .more { color: #999999; display: block; font-size: 10px; text-transform: uppercase; }
#lead-story .more a { color: #FF4000; font-size: 11.5px; margin: 0 5px; text-transform: none; }
#lead-story .more a:focus, #lead-story .more a:hover { color: #6BA1D7; }
#lead-story.small { height: auto; margin: 0 0 10px; width: auto; }
#lead-story.small a { border-bottom-style: solid; color: #0C2A75; }
#lead-story.small h2 { font-size: 21px; line-height: 25px; }
#lead-story.small img { float: left; margin-right: 10px; }
#lead-story.small .credit { margin: 5px 0 10px; }
#lead-story.small .credit, #lead-story.small .credit a { color: #999999; }
#lead-story.small .credit a { border-bottom-color: #999999; font-weight: normal; }

.ie6 #lead-story { }
.ie67 #lead-story .caption { width: 620px; }
.no-rgba #lead-story .caption { background: url("/images/ie/semi-transparent-background.png") repeat scroll 0 0 transparent; }

#contentwrapper { height: 400px; width: 650px; margin: -10px -10px 0 10px; background-color: Transparent; padding: 5px; }

.billcontent { width: 100%; display: block; }

here (http://www.csdevonline.com/Home/Test.aspx) is the test page

I am using Firefox 3.6.3 with the firebug 1.5.3 plug-in

I have been trying to figure this out for 2 days. Can someone help?

04-28-2010, 04:52 PM
I don't know what I did but it is working now.