Results 1 to 3 of 3

Thread: Dynamic Drive Content Slider Navigation

  1. #1
    Join Date
    Aug 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Dynamic Drive Content Slider Navigation

    Hi all,

    I am trying out Dynamic Drive's Content Slider Script:
    http://www.dynamicdrive.com/dynamici...tentslider.htm

    And everything works great except I can't figure out a way to fine tune the navigation.

    1) I'd like to remove the number links and just have prev and next buttons present

    2) I'd like to have the prev and next buttons as my own images so is there a way to call next and back via a Javascript command outside of the pagination div?

    Any help would be much appriciated.

    thanks,

    El

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,190 Times in 3,154 Posts
    Blog Entries
    12

    Default

    See:

    http://www.dynamicdrive.com/dynamici...suppliment.htm

    scroll down to the second section titled:

    toc: "markup"

    It explains how to set the pagination to manual and how to supply your own markup. You may include just the next and previous controls and style them however you like. No need to use javascript, just put them in your manual pagination division and give them the class names of 'next' and 'prev' respectively.

    Something like this for the markup:

    Code:
    <div id="paginate-slider4" style="background:white">
    <a href="#" class="prev"><img src="prev.gif" alt="" /></a> 
    <a href="#" class="next"><img src="next.gif" alt="" /></a>
    </div>
    Something like, in the init:

    Code:
    <script type="text/javascript">
    
     featuredcontentslider.init({
     id: "slider4", //id of main slider DIV
     contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
     toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
     nextprev: ["", "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.1], //[true/false, fadedegree]
     autorotate: [false, 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>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Aug 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks - things seem to make more sense when it's not 5am

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
  •