Results 1 to 2 of 2

Thread: Billboard showing all content instead of one

  1. #1
    Join Date
    Feb 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Billboard showing all content instead of one

    1) Script Title: DHTML Billboard Script

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...lbillboard.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 and in the module settings I added a reference to it:

    Code:
    <script src="/Portals/_default/Skins/fadeblack_skin/Article.Slider.js" type="text/javascript"></script>
    I created a division:

    Code:
    <div class="billcontent" id='[Order]'>
    [UDT:EditLink]
    <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>
    </div>
    </div>
    </div>
    and set the style:

    Code:
    #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 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?

  2. #2
    Join Date
    Feb 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I don't know what I did but it is working now.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •