PDA

View Full Version : featured content slider for dummies?



nolanbuc
05-14-2011, 02:24 AM
1) Script Title: featured content slider

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm

3) Describe problem:

here's my code so far, what am I doing wrong? Thanks in advance for your help!


<!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" lang="en" xml:lang="en">

<link rel="stylesheet" type="text/css" href="http://www.worldfantasysports.net/contentslider.css" />

<script type="text/javascript" src="http://www.worldfantasysports.net/contentslider.js">

/***********************************************
* Featured Content Slider- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>
<h2>Example 1</h2>

<!--Inner content DIVs should always carry "contentdiv" CSS class-->
<!--Pagination DIV should always carry "paginate-SLIDERID" CSS class-->

<div id="slider1" class="sliderwrapper">

<div class="contentdiv">
<a href="http://64.73.54.43/2010/standings?L=72025"><img src="http://i267.photobucket.com/albums/ii313/worldffl3/lostchamp10b.png"></a>

</div>

<div class="contentdiv">
<a href="http://64.73.54.43/2010/live_scoring_summary?L=72025"><img src="http://i267.photobucket.com/albums/ii313/worldffl3/muleswc10.png"></a>

</div>

<div class="contentdiv">
<a href="http://64.73.54.43/2010/options?L=72025&O=15"><img src="http://i267.photobucket.com/albums/ii313/worldffl3/mudtb10a.png"></a>

</div>

</div>

<div id="paginate-slider1" class="pagination">

</div>

<script type="text/javascript">

featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.2], //[true/false, fadedegree]
autorotate: [true, 3000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})

</script>

ddadmin
05-14-2011, 06:30 AM
It's hard to tell just based on the code you posted above. Please post a link to the page on your site that contains the problematic script so we can check it out.

nolanbuc
05-14-2011, 06:10 PM
http://64.73.54.43/2010/home/72025

The slider is at the bottom of the page.

ddadmin
05-16-2011, 10:51 PM
Your page seems to be missing the required references to the external files of the script, plus the actual external files themselves (you need to upload them to the same directory as where your webpage resides):


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

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

/***********************************************
* Featured Content Slider- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

nolanbuc
05-17-2011, 08:08 AM
Your page seems to be missing the required references to the external files of the script, plus the actual external files themselves (you need to upload them to the same directory as where your webpage resides):


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

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

/***********************************************
* Featured Content Slider- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>


I have them uploaded on another site, I can't refer to them in the html somehow (see code below)? I don't own the site I'm putting the slider on, I'm not sure I'm allowed to upload to their directories or even how to do that.

Thanks for your help, I really stink at this. :)


<link rel="stylesheet" type="text/css" href="http://www.worldfantasysports.net/contentslider.css" />

<script type="text/javascript" src="http://www.worldfantasysports.net/contentslider.js">

nolanbuc
05-27-2011, 10:06 AM
BUMP

Anyone?