View Full Version : featured content slider

03-13-2008, 12:21 AM
1) Script Title:
featured content slider
2) Script URL (on DD):
3) Describe problem:
i installed all the files required bu t i still get a blank box ... no content showing nor sliding.what did do wrong? maybe the instructions about the configuration could have been kept a bit simpler..seems to be too much and confusing explanations.just an opinion...
many thanks.

03-13-2008, 01:21 AM
It's a step-by-step instructions. You should'nt confuse yourself that much ;)
How did you used the codes?..Could you link us to the page.

03-18-2008, 12:07 AM
thanks rangana,i followed the instructions downloaded all 3 files and put links in the header section before finally adding the step 2 codes into my body section. However, after fiddling with my links by dding ../ in front, i managed to make to get something to display inside the glidecontentwrapper , but it JUST showspage one content, then goes to page 2 and 3 without displaying anything and finally, displaying page 1 again.
do i need to link those pages (2&3)? if so .. HOW?
thanks again.

03-18-2008, 12:20 AM
do i need to link those pages (2&3)? if so .. HOW?

This is not necessary. I might not take this right, but I guess your problem is the link to the js :)

You might find it safe to use absolute address instead of using relative addresses. ;)

03-18-2008, 01:45 AM
hanks rangana, still the same page one only showing here is what the page looks like.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.2.2.js"/></script>

<link rel="stylesheet" type="text/css" href="featuredcontentglider.css"/>

<script type="text/javascript" src="featuredcontentglider.js"/></script>

<script type="text/javascript">

gliderid: "canadaprovinces", //ID of main glider container
contentclass: "glidecontent", //Shared CSS class name of each glider content
togglerid: "p-select", //ID of toggler container
remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
selected: 0, //Default selected content index (0=1st)
persiststate: false, //Remember last content shown within browser session (true/false)?
speed: 1000, //Glide animation duration (in milliseconds)
direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
autorotate: true, //Auto rotate contents (true/false)?
autorotateconfig: [3000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]


<div id="canadaprovinces" class="glidecontentwrapper">

<div class="glidecontent">
<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 class="glidecontent">
<img src="http://i15.tinypic.com/72vilba.jpg" style="float: right; padding: 5px"/>
Ontario is a province located in the central part of Canada, the largest by population and second largest, after Quebec in total area. Toronto, the capital of Ontario, is the centre of Canada's financial services and banking industry.

<div class="glidecontent">
<img src="http://i17.tinypic.com/8bg0lkx.jpg" style="float: left; padding: 5px"/>
Yukon, still commonly referred to as "The Yukon Territory", is the westernmost of Canada's three northern territories. The Yukon's major appeal is its nearly pristine nature. Tourism relies heavily on this and there are many organised outfitters and guides available to hunters and anglers and nature lovers of all sorts.


<div id="p-select" class="glidecontenttoggler">
<a href="#" class="prev">Prev</a>
<a href="#" class="toc">Page 1</a>
<a href="#" class="toc">Page 2</a>
<a href="#" class="toc">Page 3</a>
<a href="#" class="next">Next</a>

still canno tfigure out the error. thanks.

03-18-2008, 01:58 AM
Is it live, could we have a link?
If not,could you zip in your page. I'll be glad to help you ;)

03-18-2008, 09:49 AM
thank you very much here it is.

03-19-2008, 04:53 AM
Here it goes, your JS is corrupt.
Here's the edition. See if it helps ;)

03-19-2008, 09:43 PM
thanks a bunch, i'll try it