A rotating Banner with many images in one... A Honey Bear Playhouse tip...

  • 6
  • Idea
  • Updated 5 years ago
If you want a rotating banner you could try to do something similar to my rotating banner using several images at a 3 second interval. http://honeybearplayhomes.synthasite....

I created my main background image with no text with this free generator. Just input the banner dimensions from the style you are using and adjust the color and create. ( I am working on a tutorial as we speak and will hopefully be done soon. Just make sure that you delet all the text in the text box. http://creatr.cc/backgrounds/

I did my banner with of all things Windows Publisher. An easy to use program that most all PCs have. I made and found many graphics through paid and free services and then imported them into Publisher. When you are done with placement of all images then go to (File) then (Save as) then in the (Save as type) scroll down box select (Gif) or (PNG for highest quality) then click the (Change) button then click on the dot for (Commercial Printing 300dpi) then the (Ok) button then type your desired file name then (Save) Make as many individual images as you like to include to your rotating banner.

Then I used Microsoft Picture Manager to crop and re-size the images to the pixel dimensions for the banner of my chosen style. (Just crop to the outside of the main background image as this is the dimensions of your style banner then resize)

This allowed me to use the highest quality image to reduce and then use as my banner images.

I created the rotating banner effect with this free generator. Mine is set to 3 seconds intervals. Just upload the images you wish to use and create then save the produced rotating GIF image.
http://www.myspacegens.com/handler.ph...

I hope that helps you out and you create something great. I can't wait to see it... Look for the full tutorial soon to come...

Happy site building
Ed
http://honeybearplayhomes.com/
http://honeybearplayhomes.synthasite....
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
  • happy

Posted 9 years ago

  • 6
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Hello Ed,

Happy Millenium postings!

This new batch of techniques and tools are fantastic. Doesn't your brain hurt?

Thanks for all this.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
retagged
Photo of Laura

Laura

  • 148 Posts
  • 2 Reply Likes
Wow! Your site is amazing! I wish my was something like that!!! Compared to mine mine is nothing!!!!
Photo of himanshuishenry

himanshuishenry

  • 28 Posts
  • 0 Reply Likes
nice site....................wow!
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Thanks... I try ;)

I see you are in New Delhi. I feel the heat all the way over here in Redmond Washington. It got to 95 degrees yesterday and even now at 4AM its 70 in the house with the fan on.

I wanna go where its cold LOL
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
its raining here in the UK!

lovely & cold.
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Just wanted to update this thread as it seems to be popular in my analytic program and many who view it and look at my site might think that my current banner is done with an animated GIF.

My banner is currently done with an animated flash background, several transparent image overlays, an animated and interactive flash bee as well as two imagemap mouseovers.

I don't have an example at present to show you what one of my old animated GIF banners looked like but it is easy enough to create on your own without seeing mine.
Photo of greig

greig

  • 1 Post
  • 0 Reply Likes
Hi ed,

I've been trying to use the gif generator for a rotating image for my website. I've got the rotating image the I want it, the problem is tho, I cant seem to find the html code to place it on my website. Can you help?

many thanks

Greig
Photo of Rockee Rockss

Rockee Rockss

  • 3 Posts
  • 0 Reply Likes
I wan to ad banner on my website with random images, and those random images could be stored somewhere on yola or Flikr or at anywhere which is accessible to yola

Reason

Because this will give me liberty to put as many images as I want for my website banner and same time every user who is logging my site will able to see different image every time.

Please help

This reply was created from a merged topic originally titled
Banner with random images.
Photo of Crystal

Crystal, Champion

  • 250 Posts
  • 79 Reply Likes
Hi Rockee,

Infranview, a free program that can be downloaded from online, a rotating image can be created that could then be uploaded into Yola.

Or here is some code that will give a rotating banner ad. Each image links to a different website. It would have to be used on a template that doesn't have a banner at the top, where an HTML widget can be added that contains the banner:

In an HTML widget put the following: Replace the BANNER1.gif, BANNER2.gif and BANNER3.gif with the actual image names. Also the URLs www.BANNER1.com, www.BANNER2.com and www.BANNER3.com.



<script type="text/javascript">
if (document.images)
{
adImages = new Array("resources/BANNER1.gif",
"resources/BANNER2.gif", "resources/BANNER3.gif");
adURLs = new Array("www.BANNER1.com",
"www.BANNER2.com", "www.BANNER3.com");
thisAd = 0;
}

function cycleAds()
{
if (document.images)
{
if (document.adBanner.complete)
{
if (++thisAd == adImages.length)
thisAd = 0;

document.adBanner.src = adImages[thisAd];
}
}

// change to next sponsor every 3 seconds
setTimeout("cycleAds()", 3000);
}

function gotoAd()
{
document.location.href = "http://" + adURLs[thisAd];
}
</script>

<body onload="cycleAds()">


If you upload your own file, the body tag can be changed to the above line. From within the limitations of a template, it may be difficult to modify the body tag.

Then where you want the banner to display, put the following in another html widget:


<a href="javascript:gotoAd()"><img name="adBanner"
src="resources/BANNER1.gif" border="0" alt="Our sponsors"></a>
Photo of Rockee Rockss

Rockee Rockss

  • 3 Posts
  • 0 Reply Likes
Thanks Crystal, Let me try these codes. Will update you soon as done. :)
Photo of chrisdhassan

chrisdhassan

  • 61 Posts
  • 3 Reply Likes
This reply was created from a merged topic originally titled
How do I create a constantly rotating group of photos?.


Is it possible to have my primary photo (not banner), switch/rotate between a few other photos?