1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.
  2. Better Analytics for WordPress Get It Free

Feature Content Slider for WordPress

Discussion in 'HTML & Website Design' started by Zhu, Aug 18, 2009.

  1. #1
    Hi,

    I'm trying to implement a feature content slider for my WordPress blog (link below).

    I found two great tutorials:

    Creating a Slick Auto-Playing Featured Content Slider
    Create Featured Content Slider Using jQuery UI

    Both tutorials are pretty comprehensive, but for a non-coder like me :eek: they are still complicated... I just need to clarify a few basic things. For example, from what I understand, there are three part: the library (Javascript), the content feature and the CSS files. Well, I'm not clear where to put these...!

    Do you know any similar tutorials for beginners like me?
     
    Zhu, Aug 18, 2009 IP
  2. mjewel

    mjewel Prominent Member

    Messages:
    6,693
    Likes Received:
    513
    Best Answers:
    0
    Trophy Points:
    310
    #2
    You need to upload the supplied javascript and css files to your server. You would probably want to create folders for each off the root - like js and css. You then need to to put the css in a file called mycss.css (name "mycss" anything you want).

    You then reference the file in the head of your html page. Just look at the source code of the demo page. That should give you a good idea of what you need to do.
     
    mjewel, Aug 18, 2009 IP
  3. Zhu

    Zhu Active Member

    Messages:
    310
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    58
    #3
    Thank you so much for the quick reply!

    (and for not laughing at me :p)

    I'm studying the second tutorial for now: http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/

    Uploading javascript and the CSS file supplied, this is clear now. Thanks!

    And for the part the tutorial author called the "The Featured Content Structure". He says: "Now create a div with its contents as the tabs structured as a list and content corresponding to each tab within a separate div." Should I put that in the header.php of my WordPress file? I'm not clear on that.

    Finally, at the end, a code is supplied:

    I assume this is the final code to call the slider, right?

    Sorry again for the basic questions!
     
    Zhu, Aug 18, 2009 IP
  4. mjewel

    mjewel Prominent Member

    Messages:
    6,693
    Likes Received:
    513
    Best Answers:
    0
    Trophy Points:
    310
    #4
    The featured content goes wherever you want it to display. If you want it in the header, try adding it there (it really depends on the template you are using).

    The end code is the javascript call and it goes in the head.

    <script type='text/javascript'>
    $(document).ready(function(){
    $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
    });
    </script>
     
    mjewel, Aug 18, 2009 IP
  5. ArmKaz

    ArmKaz Active Member

    Messages:
    435
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    75
    #5
    Nice. I really needed this for wordpress. I had been searching everywhere from something like this, but now I use a wordpress theme that comes with a slider,but it seems that these two sliders are a bit better.
     
    ArmKaz, Aug 18, 2009 IP
  6. Zhu

    Zhu Active Member

    Messages:
    310
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    58
    #6
    Thank you for your help. I think I get it now...!

    Sleepy now but will try to implement tomorrow.
     
    Zhu, Aug 18, 2009 IP