geplaatst door: Kapotlood
Ik moest er ineens aan denken en kreeg de vraag niet meer uit m'n hoofd.

Als je met je iPhone, iPad of iPod Touch naar de App store gaat kun je
met een "veeg" tussen screenshots scrollen, waarbij het automatisch
stopt bij 't volgende plaatje. 't Is een beetje cryptische omschrijving als
je nog nooit op de App Store bent geweest, maar ik denk dat de meeste
mensen hier wel begrijpen wat ik probeer te zeggen :-)

Weet iemand toevallig of dit met een stukje JavaScript of CSS wordt geregeld?
Ik was ineens nieuwschierig hoe zoiets gedaan is :)

Mvg,
Joram

Hoe plaatjes scrollen zoals op de iPhone App Store
2 december 2010 - 15:07    reactie #1
geplaatst door: Pieterr
Zal inderdaad wel een stukje jQuery code zijn. Een voorbeeld.
"One experiment is worth a thousand expert opinions."
Hoe plaatjes scrollen zoals op de iPhone App Store
2 december 2010 - 15:10    reactie #2
geplaatst door: Kapotlood
Dat dacht ik inderdaad ook, maar de voorbeelden van slider-galleries die ik
kan vinden zijn allemaal muis- of toetsenbord gebaseerd. Als je een iPhone
site maakt, maar wel zo'n "flick and stop" gallery wil zoals de screenshots
op een App pagina in de App Store, dan is dat nog knap lastig :)

Ik denk inderdaad dat er een jQuery-achtig trucje achter zit, maar het kan
ook een API zijn voor apps omdat jQuery (misschien) de App Store-achtige
effecten nog niet kan nabootsen?

Hoe plaatjes scrollen zoals op de iPhone App Store
2 december 2010 - 15:41    reactie #4
geplaatst door: Kapotlood
Die ken ik inderdaad ook, net zoals alle Lightbox, Graybox, Popeye en
andersoortige jQuery galleries :-)

Maar ik doel echt op dat "flick & stop" effect voor iOS-systemen, net zoals
ook de Photo's app van iOS dat doet. Al die automatische sliders of sliders
met knopjes ken ik al, maar die zijn vooral op Desktop-browsers gericht,
en ik zoek de manier om dat à la iOS-apps te doen. :)

Mvg,
Joram

Hoe plaatjes scrollen zoals op de iPhone App Store
2 december 2010 - 16:00    reactie #5
geplaatst door: Feek
Lees nu je post iets beter .... :confused: was niet gewoon coverflow

dat zullen wel speciale jquery functies zijn voor iPhone / iPad.

Want er zijn zelfs functies die reageren op een 'swipe'
http://www.ryanscherf.net/demos/swipe/   (bekijken op je iphone!)

Als je daar de swipe uithaalt kan je vast met jquery iets zelf bouwen (swipe levert verplaatsen x px naar rechts/links).

dit is ook wel interessant:
http://plugins.jquery.com/plugin-tags/touch

(Bewerkt door Feek om 16:02, 2-12-2010)

Hoe plaatjes scrollen zoals op de iPhone App Store
2 december 2010 - 16:06    reactie #6
geplaatst door: Kapotlood
Ah goeie, bedankt :)

Ik dacht al dat ik 't een beetje cryptisch omschreef, hehehe.
't Is nogal een specifieke functie die je verder op iemand's
website eigenlijk nauwelijks tegenkomt.