PDA

View Full Version : Featured Content Glider with NO javascript?



ffd8
05-05-2009, 10:50 AM
1) Script Title: Featured Content Glider

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/featuredcontentglider.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!

ddadmin
05-05-2009, 05:01 PM
There are a few ways to approach this. The easiest is just to remove:


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):


<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:


#firstcontent{
visibility: visible;
}

ffd8
05-05-2009, 08:57 PM
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