Results 1 to 3 of 3

Thread: featured content slider v2.0

  1. #1
    Join Date
    Jul 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default 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;">&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

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

  3. #3
    Join Date
    Jul 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks That did it!

    Charles

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •