Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript How to create a Content Slider with Cycle.js?

  • This topic is empty.
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #42949
    asiek
    Participant

    First off I don’t even know the actual name for this type of feature so I went ahead and called it a News Ticker lol.

    Anyway, I was [browsing a site](http://www.exponaute.com/http://www.exponaute.com/”), scrolled down to the “Magazine” section and noticed the left div has links inside with a Title and description. Underneath the div are arrows that point up and down, which scrolls for more of those links…

    I was fascinated with it, so I asked a fellow friend if he could recognize the plugin the designer used and he mentioned the [Cycle.js](http://jquery.malsup.com/cycle/http://jquery.malsup.com/cycle/”) plugin.

    The examples don’t give instructions on how to set everything up, so I basically wanted help on how to set up the HTML, CSS, &JS in order to get a similar slider as the one on Exponaute…

    I’d really appreciate the help!

    #125873
    dfogge
    Participant

    Checkout the final example on this page: http://jquery.malsup.com/cycle/int2.html

    #125874
    dfogge
    Participant

    btw a ticker would be more like this: http://bxslider.com/examples/ticker

    The effect you’re going for is more likely called a content slider.

    #125875
    asiek
    Participant

    @dfogge Thanks but I am still confused…

    #125876
    asiek
    Participant

    @dfogge I wanted to figure out the title of it as well, so thanks again! :)

    #125891
    asiek
    Participant

    Anyone kind enough to help me get this started?

    #125894
    dfogge
    Participant

    here’s the beginner tutorial: http://jquery.malsup.com/cycle/begin.html

    create a codepen, and let us know if you have any specific questions.

    #125899
    asiek
    Participant

    @dfogge [This is a horrible fiddle, but it’s the best I can do so far.](http://jsfiddle.net/yAkT8/3/http://jsfiddle.net/yAkT8/3/”)

    #126029
    dfogge
    Participant

    hmm, looks like you need to brush up on some basics. here’s a great place to get started: http://learn.shayhowe.com/

    #126035
    Paulie_D
    Member

    Dunno if this helps: http://bxslider.com/

    #126050
    asiek
    Participant
    #126057
    dfogge
    Participant

    no offense, just some friendly advice. based on looking at your markup it seems you should probably get the basics down before confusing yourself with jquery plugins.

    #126065
    asiek
    Participant

    @dfogge The actual HTML, CSS looks better, I scrambled everything inside of the fiddle. I bookmarked the site you recommended though! Appreciate it!

    #126066
    dfogge
    Participant

    sure no prob, you might also want to check this series that was released the other day: http://try.jquery.com/

    i really with this existed when i got started with jquery…

    #126526
    asiek
    Participant

    @dfogge Thank you ! I will definitely check it out :)

Viewing 15 posts - 1 through 15 (of 15 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.