/    Sign up×
Community /Pin to ProfileBookmark

Best approach for a responsive sliding Carousel of divs

Okay, so I’ve got a div of content that has a couple of elements (a heading, a paragraph, and two images) and I need it to rotate through a carousel — there will be anywhere from 1 (on mobile) to 5 (on wide-screen) of these divs visible at a time.

My issue is that I suck at jQuery so I’m not sure how best to approach the carousel. I’ve been looking online for weeks and I haven’t found an existing plug-in that suits my needs. I need them to rotate (sliding animation) to the left and I need only the certain amount of them be visible (again, dependent on screen width, which also means it needs to change if the screen is resized after page load)

Any help, advice, or tutorial links would be greatly appreciated.

Thank you!

to post a comment
JavaScript

1 Comments(s)

Copy linkTweet thisAlerts:
@arronmattwillsDec 03.2013 — Have you gone through Jquery dot com?

If not please see that website you can find many carousel demos for free...

And there will be simple steps to integrate them into our website.

I am saying with my experience.
×

Success!

Help @amandaNHT spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...