-
featured content slider v2.0
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;"> (928) 978-1073 </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;"> (928) 978-4184 </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
-
-
-
-
Thanks That did it!
Charles
-
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
Bookmarks