Results 1 to 3 of 3

Thread: Featured Content Glider with NO javascript?

  1. #1
    Join Date
    May 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Featured Content Glider with NO javascript?

    1) Script Title: Featured Content Glider

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tentglider.htm

    3) Describe problem:

    How do I set the first page of content to be visible if javascript is disabled? I have searched the forums.. and found similar topics for other scripts, but the class systems do not match up... soo I shall continue to search and try to solve this- but has anyone else figured this one out yet?

    I'm guessing it's based on setting a .class#pg1 ?


    ++ there are the navigation links for the multiple contents, how might I activate those if javascript is off? Is it adding a .html#pg2 or somesort of link?


    Thanks in advance for any help!

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    There are a few ways to approach this. The easiest is just to remove:

    Code:
    visibility: hidden;
    inside the .css file. Or instead of the above, give the content you want to be shown by default an unique ID attribute (ie: the very first one):

    Code:
    <div class="glidecontent" id="firstcontent">
    <img src="http://i11.tinypic.com/8efzmmf.jpg" style="float: left; padding: 5px" />
    British Columbia is the westernmost of Canada's provinces and is famed for its natural beauty. It's capital is Victoria, located at the southeastern tip of Vancouver Island. BC's most populous city is Vancouver, located in southwest corner of the BC mainland called the Lower Mainland. 
    </div>
    And inside the .css file, add the following rule:

    Code:
    #firstcontent{
    visibility: visible;
    }
    DD Admin

  3. #3
    Join Date
    May 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    fantastic! Just adding an id="something" - tag to the div [which only had a class attribute], then telling it to be visible worked! I had played with similar concepts, but was using 'display:block;' every time... I didn't realize the two were not compatible until now.

    Thanks for the QUICK response!


    ++ is there still a way to reference which content is shown via direct URL? In other words, a way to use a normal 'a href' link to change the contents if javascript is disabled?


    cheers

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
  •