HTML banner code generator

The HTML banner code generator will allow you to create rotating banners on your website. Great for affiliate links, or just a set of images that you want to rotate. You can choose whether to have the banners automatically refresh, or whether you would like a random banner on each page load. Set the options for the banners, then generate the code. You can copy and paste the generated code into your webpage, or you can choose to send the generated code to your email.

Code for preloading images is included to prevent loading time when the banner refreshes or a new page is loaded.

Basic options

If you have multiple HTML banner rotators on the same page, each will need a different ID

Rotator ID:

Not seen - make sure name is unique

Open a URL when clicked:

Yes No

Where to open URLs:

Open in new window Open in same window

Type of rotation:

Show a new banner after a set interval Show a new banner on each page load

Refresh every:

seconds

How I will enter items:

I have a few items, I'll add them individually
I have heaps of items, let me enter them in bulk!

Banner items

This section allows you to enter the items for the HTML banner rotator in bulk.

Enter the image URL, then the link to open when clicked, then the alt text. If you don't want a link, leave this blank.

Note: if you are using a full URL, remember to include the https://

Bulk dropdown menu entries

This section allows you to enter the items that will show in the dropdown menu in bulk. Enter the image URL first, the delimiter, the ALT text, the delimiter, then the URL to open. Hit enter between each entry. An example is showing as the placeholder, enter your own in the same style.

You are able to set your own delimiter, or use the default set.

Note: if you are using a full URL, remember to include the https://

Delimiter:

Make sure this character does not appear in the text anywhere

Banner style

Width:

px

Leave at 0 if you don't want to set the width

Height:

px

Leave at 0 if you don't want to set the height

Cursor:

Default Pointer Crosshair Grab Grabbing Help

Border style:

Default None Solid Ridge Dotted Dashed Double Groove Inset Outset Hidden

Border width:

- Thin Medium Thick 1px 2px 3px 4px 5px 6px 7px 8px 9px 10px

Border radius:

- 0px 1px 2px 3px 4px 5px 6px 7px 8px 9px 10px 11px 12px 13px 14px 15px 16px 17px 18px 19px 20px 21px 22px 23px 24px 25px 26px 27px 28px 29px 30px 31px 32px 33px 34px 35px 36px 37px 38px 39px 40px 41px 42px 43px 44px 45px 46px 47px 48px 49px 50px

Border color:

Code options

Choose how you want the code created

CSS layout:

Put the style inline Give me style code to place into the head of my page Give me style code to place into my stylesheet

Unsure? Leave it inline