Advanced Search

Page 2 of 3 FirstFirst 123 LastLast
Results 11 to 20 of 23

Thread: Trying to have a Featured Content Slider Code made that it highly customizable

  1. #11
    Join Date
    Jan 2010
    Posts
    51
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by jscheuer1 View Post
    I've been busy getting ready but for now the power is still on. I've also found time to get started with this project. The slider itself does all of those things except for animating the thumbnails onmouseover of arrows. But the transitions in the detail area aren't as smooth or fancy. I plan on using jQuery both to allow for the scrolling of the thumbnails and to smooth out and enhance the transitions in the detail area.
    Sounds like a plan. I am glad that your power didn't go out and that you're safe. I wouldn't wish that on anyone. I am in shock at how much damageit has done.

  2. #12
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,695
    Thanks
    43
    Thanked 3,132 Times in 3,096 Posts
    Blog Entries
    12

    Default

    Yes we in our immediate area here were very lucky, thanks.

    OK, it's done, tested in Chrome IE 8, 9, Firefox, and Opera. To give you an idea, here's the new on page init with added/changed capabilities highlighted:

    Code:
    jQuery(function($){
    	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, 1000], //[true/false, fadeduration] (meaning of second param changed, still added to pausetimr)
    		slidespeed: 300, //duration of text slide down effect (new) (will be added to pausetime)
    		autorotate: [true, 3000], //[true/false, pausetime]
    		linktarget: "_new", //Target for detail links generated from toc links (new)
    		mouseoverpause: true, //Should auto mode pause on mouseover of detail? (new)
    		arrows: {left:'#leftarrow', right:'#rightarrow'}, //jQuery selectors for arrow images (new)
    		thumbspeed: 2500, //Duration of thumbnail slider motion from one end to the other (new)
    		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)
    		}
    	});
    });
    And a screenshot:


    The CSS and HTML are as well documented/commented as the above init code, and I will be happy to explain anything you don't understand.

    To get the actual code and a working demo, please send the balance, $75.00 US to:

    http://home.comcast.net/~jscheuer1/side/donate.htm

    That will include a reasonable amount of tweaking/support.
    Last edited by jscheuer1; 11-01-2012 at 08:00 AM. Reason: update
    - John
    ________________________

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

  3. #13
    Join Date
    Jan 2010
    Posts
    51
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    I sent it. Thank you. I look forward to it.
    Last edited by jscheuer1; 11-01-2012 at 05:23 PM. Reason: excessive quoting

  4. #14
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,695
    Thanks
    43
    Thanked 3,132 Times in 3,096 Posts
    Blog Entries
    12

    Default

    Thank You, I will PM you the links. Any questions, ask here.
    Last edited by jscheuer1; 11-01-2012 at 05:34 PM.
    - John
    ________________________

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

  5. #15
    Join Date
    Jan 2010
    Posts
    51
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    How do I adjust the scroll speed?I am having a problem finding it.

  6. #16
    Join Date
    Jan 2010
    Posts
    51
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Hi, I am back for one quick question. I finally had time to customize this but for some reason when I did I screwed up the slider. Can you show me where I messed it up and how to fix it?

    http://www.escapebetweenthepages.com...emo_scroll.htm

  7. #17
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    586
    Thanks
    41
    Thanked 27 Times in 27 Posts

    Default

    Are you refering to the size/shape of thr smaller thumbnails?
    Thanks,

    Bud

  8. #18
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    586
    Thanks
    41
    Thanked 27 Times in 27 Posts

    Default

    I made a few adjustments to the slider here http://www.web-user.info/test/slider/demo_scroll.htm

    But the arrows do not work as far as moving forward or backwards with the images.I have to leave that up to John.I don't know jquery at all.But it does still rotate through the images.
    Thanks,

    Bud

  9. #19
    Join Date
    Jan 2010
    Posts
    51
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    I am wondering what I did to make it not scroll anymore.

  10. #20
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    586
    Thanks
    41
    Thanked 27 Times in 27 Posts

    Default

    You need to get with John again? Didn't he do the script for you?

    I am sure if he did so it will be an easy fix for him.I like the appearance of the script-nice.
    Thanks,

    Bud

Similar Threads

  1. Featured Content Slider. Youtube video donīt stop when slider changes
    By Vlack in forum Dynamic Drive scripts help
    Replies: 7
    Last Post: 06-15-2011, 09:54 AM
  2. Combining Featured Content Slider with Featured Content Glider problems.
    By ortizhj in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 05-18-2011, 02:12 PM
  3. Featured content Slider code
    By Carox in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 10-18-2010, 02:56 PM
  4. Featured Content Slider v2.4 - one slider with several paginate-slider
    By beathead in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 08-05-2008, 09:05 AM
  5. Featured Content Slider v2.0 - slider height fixed ?
    By ptengler in forum Dynamic Drive scripts help
    Replies: 8
    Last Post: 06-26-2008, 07:59 AM

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
  •