PDA

View Full Version : featured content slider v2.0



cwy2000
07-11-2008, 11:19 PM
1) Script Title: featured content slider v2.0

2) Script URL (on DD):

3) Describe problem: The content slider is working as I hoped it would. I will still be tweeking the appearance of my page but I need the slider to continue after the user clicks the displayed content. The link that transfers to the trferenced page is a generated link associated with the graphic that is being displayed. (you can see this in the examples below)

The <div>s generated look like this: (dynamic data from a database)

******************************************************
<div class="contentdiv"><div>
<font style="font-family: tahoma; font-size: 14; font-weight: bold;">Wilbanks Country, LLC</font><br>
<a href=http://www.myvemma.com/prosperity target="_blank">
<img src=../../Dforms/Logos/3039_logo.png width=200 height=121.951219512195></a><br>
<font style="font-family: tahoma; font-size: 12; font-weight: bold;">Simple - Convenient - Complete</font>
<hr><div style="position: relative; width: 200; background-color: #fbfec0; font-weight: bold;">&nbsp;&nbsp;&nbsp;(928) 978-1073&nbsp;&nbsp;&nbsp;</div></div></div>

<div class="contentdiv"><div>
<font style="font-family: tahoma; font-size: 14; font-weight: bold;">Travel More For Less!</font><br>
<a href=http://www.paysonindex.com/PLoad.asp?Gbiz=3044&Gpage=Dforms/SetPgs/UserPage2.asp target="_blank">
<img src=../../Dforms/Logos/3044_logo.jpg width=200 height=89.5522388059701 text-align: center;></a><br>
<font style="font-family: tahoma; font-size: 12; font-weight: bold;">Be Surprised By Our Quote</font>
<hr><div style="position: relative; width: 200; background-color: #fbfec0; font-weight: bold;">&nbsp;&nbsp;&nbsp;(928) 978-4184&nbsp;&nbsp;&nbsp;</div></div></div>
********************************************************

The page script section (featuredcontentslider.init) looks like this:

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

<div id="paginate-slider1" class="pagination" style="visibility: hidden;">
</div>

<script type="text/javascript">
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["ajax", "Content.asp"], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //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>
*****************************************************
Thanks

ddadmin
07-12-2008, 02:12 AM
Perhaps this thread will help: http://www.dynamicdrive.com/forums/showthread.php?t=31678

cwy2000
07-13-2008, 01:17 AM
Thanks That did it!

Charles