Featured Content Slider Block

IchBin · March 28, 2008, 01:24:54 PM

Did you change the URL's to match the path to your files in the 3 code box?

delvec · March 28, 2008, 01:32:32 PM

IchBin,
can't speak for lmoody, but I did change the urls and got the same he was showing. Thats I wanted clarification I was doing it right.

lmoody1967 · March 28, 2008, 05:57:01 PM

IchBin, I changed the URL's to match the path to my files, but got the same results. I ended up finding another code from the same site in the original post that did what I wanted. Was able to get that running with no issues.

Smoky · March 28, 2008, 08:41:07 PM

can you point to the other code that you used?? might help someone else that might be trying this.. thanks!!

delvec · March 28, 2008, 09:46:48 PM

yeah help a brother out

lmoody1967 · March 29, 2008, 12:17:50 AM

I used the script from this link:

http://www.dynamicdrive.com/dynamicindex17/featuredcontentglider.htm

Basically just created a blank web page, pasted the code into the heading and body as mentioned in the instructions, and then copied the web code to an html block on my site. Adjusted the URL's and comments and it was off and running. Seems to be working great.

delvec · March 29, 2008, 02:03:26 AM

OK but wheres the webcode?

delvec · March 29, 2008, 04:44:47 AM

Do I just put the Head script on the blank page then for the body, the take the first part of the code and then code as the block?

so blank page should be this-

Code Select

 <html>
<head>
<script type="text/javascript" src="jquery-1.2.2.pack.js"></script>

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

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

/***********************************************
* Featured Content Glider script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>
</head><body>
</body>
</html>

and

my block should be this....

Code Select

<div class="glidecontent">
Glide content 1 here
</div>

<div class="glidecontent">
Glide content 2 here
</div>

<div class="glidecontent">
Glide content 3 here
</div>

</div>

<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>
</div>

and of course
featuredcontentglider.css
jquery-1.2.2.pack.js
featuredcontentglider.js
goes in the root- right?

lmoody1967 · April 03, 2008, 02:26:22 AM

I just downloaded the 3 files from the link above, uploaded them to my root directory and then created a scriptbox and pasted the code below in the body:

Code Select

<html>

<head>
<script type="text/javascript" src="jquery-1.2.2.pack.js"></script>

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

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

/***********************************************
* Featured Content Glider script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>
</head>

<body>
<script type="text/javascript">

featuredcontentglider.init({
   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: 500, //Glide animation duration (in milliseconds)
   direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
   autorotate: true, //Auto rotate contents (true/false)?
   autorotateconfig: [9000, 0] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})

</script>

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

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

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

</div>

<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>
</div>
 </body>

</html>

Recent

User

Stats

Members

Stats

Users Online

Featured Content Slider Block

IchBin

delvec

lmoody1967

Smoky

delvec

lmoody1967

delvec

delvec

lmoody1967

This website is proudly hosted on Crocweb Cloud Website Hosting.