Home/ Questions/Q 6992383
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T19:37:39+00:00

Building a mobile site and wanted to create a rotator that would work just

  • 0

Building a mobile site and wanted to create a rotator that would work just like on yahoo.com’s mobile site. I can swipe my fingers to the left or right and it will swipe the news, I could not find it using my computer but on my iphone and I’m guessing android it will show up.

Any information? Thank you!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Answering by parts:

    Building a mobile site and wanted to create a rotator that would work
    just like on yahoo.com’s mobile site. I can swipe my fingers to the
    left or right and it will swipe the news

    You can use iScroll 4 to create scrolling areas in your page. It’s pretty simple and i’ve implemented that already.

    I will not give you any code, but a quick explanation:

    When you start the iscroll, you need to give it the id of a div. The first child of this div witll be the scroller so you have to declare 2 divs. One as wrapper (and the one the id you’ll give to iscroll), and one inner that will be scrolled. Inside this second that you will add everything you want to scroll.

    In your case, would be good to make as UL>LI and then add the option snap: li in iscroll so it will not get stuck between news, it will jump from li to li, like yahoo’s.

    I could not find it using my computer but on my iphone and I’m
    guessing android it will show up.

    For this,you need to fake your User-Agent, so Yahoo page show you the mobile version. With Firefox, search for the User-Agent Switcher plugin (click here if you are lazy).

    After installing, go ‘Tools’ and you’ll see a gray globe with ‘Default user-agent’. Open it and pick iPhone for e.g.

    If you go on Tools again, you’ll notice gray globe is now Blue. This means you are now faking your UA to be an iPhone, and now most pages that have mobile versions will change to mobile. And then, you can inspect with Firebug to learn how they made it.

    BUT keep in mind that they might have made the code only for touch events and then, of course will not work with mouse. (If they used iScroll, maybe they activated the desktopCompatibility option, and then it will work if you drag with mouse.)

    • 0