6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

How To Create A Tabbed Banner?

by FrankJohnson
5 replies
  • WEB DESIGN
    • |
Can anyone tell me how this kind of banner ad:

http://i1.wp.com/contentmarketingins...size=280%2C239

is typically created to have tabs within the banner? Is that usually done in Flash, jQuery, HTML5, something else?

Sorry - all I have is an image. I looked for weeks online to see if I could find a banner like that in use (so I could look at the source code and answer my own question), but I haven't been able to find anything other than that image.

Thanks!

Frank
#banner #create #tabbed
  • Profile picture of the author buzilla
    jQuery UI has a tabbed content functionality: Tabs | jQuery UI

    There is also a number of other jQuery plugins that will achieve your desired functionality: Unheap - A tidy repository of jQuery plugins
    {{ DiscussionBoard.errors[8061016].message }}
    • Profile picture of the author FrankJohnson
      Thanks Buzilla. I've used jQuery tab script before. I guess what I'm struggling with is how, for example, a banner created with a jQuery tab script could be implemented as part of a regular ad rotation script. Maybe I just need to poke around and see if I can get something like that to work.

      On the site I'm currently wanting to use it on, I don't use a banner rotation script. I just have the banners associated with categories and authors and I run the banners on various pages in those categories or displaying one of those authors' articles. It's kind of a different system.

      Frank
      {{ DiscussionBoard.errors[8061045].message }}
      • Profile picture of the author lem0n
        Originally Posted by FrankJohnson View Post

        Thanks Buzilla. I've used jQuery tab script before. I guess what I'm struggling with is how, for example, a banner created with a jQuery tab script could be implemented as part of a regular ad rotation script. Maybe I just need to poke around and see if I can get something like that to work.

        On the site I'm currently wanting to use it on, I don't use a banner rotation script. I just have the banners associated with categories and authors and I run the banners on various pages in those categories or displaying one of those authors' articles. It's kind of a different system.

        Frank
        I can write you a jquery script like that. Everything free, no bells or whistles!

        Sent you a PM

        EDIT: if you already have a jquery tab plugin, just insert the different ads into the tabs and initiate auto rotation.
        {{ DiscussionBoard.errors[8061251].message }}
  • Profile picture of the author FrankJohnson
    Hi lem0n. Thanks for your reply.

    But I'm not sure you're understanding what I want. The rotation part of it is not rotating between the tabs. Assuming jquery is the way to go, I want to be able to put a set of html code that relies on jquery in a rotation with other banners that are graphic in nature.

    Does that make sense?

    Frank
    {{ DiscussionBoard.errors[8062283].message }}
    • Profile picture of the author lem0n
      Originally Posted by FrankJohnson View Post

      Hi lem0n. Thanks for your reply.

      But I'm not sure you're understanding what I want. The rotation part of it is not rotating between the tabs. Assuming jquery is the way to go, I want to be able to put a set of html code that relies on jquery in a rotation with other banners that are graphic in nature.

      Does that make sense?

      Frank
      You mean that the ad itself is a 'tab-system'? and it rotates with other different banners? Hmm I think you would have to ask the company/service that supplies your ads if they have 'tabbed' kind.

      After that you would use javascript to change the banner after x time.

      I'm not very familiar with ads at the moment so I can't give you better instructions than that. But once you have the "code" for the tab-ad, just include it inside a javascript ad rotator script.
      {{ DiscussionBoard.errors[8062358].message }}

Trending Topics