How to make slider in responsive layout?

A

Artem2012-07-29 17:08:45

iPhone

Artem, 2012-07-29 17:08:45

Suppose we have a horizontal menu, just a list of links in a line.

We make adaptive layout, links are compressed to a screen width of 400 pixels. Next — stop intermeddle.

Is it possible to make it so that iPhone / Android users can “slide” this menu with their finger left and right, similar to how screenshots slide in the AppStore.

The same question regarding the photo gallery. Is it possible to make it like in the AppStore?

Reply

Answer the question

In order to leave comments, you need to log in

4 answer(s)

S

SerDIDG, 2012-07-29
@SerDIDG

You need to include silent javascript. I already showed a rough example here. Actually try on touch devices.
jsfiddle.net/pZhPE/9/

K

kocherman, 2012-07-29
@kocherman

See if it suits you to make a version for touch devices.
docs.sencha.com/touch/2-0/# !/example

I

iontsev, 2012-07-30
@iontsev

fotoramajs.com/ everything is already out of the box, thanks to Artyom.

A

Alexander Florinsky, 2014-12-21
@flor_master

Try OWL Slider
owlgraphic.com/owlcarousel/index.html#more-demos