Computer File HELP!!

[rick@garage16.ca]

Well looking to change my main page on website.

I wanna almost like a clip where it changes from Picture to Picture

Ex. if you go to CorkSport sponsor page, you see the logo keep changing and I would like something like that as well


anyone know where or how I can do this?


thanks guys for any input

[cwp_sedan]

Yes.

[SilentJay]

High-tech solution: Flash transitions

Low-tech solution: Gif graphics file

[stevenma188]

The Corksport banner is a .gif file FYI.

[hastiej]

Flash is the best way, and fairly easy. most of this banners are SWF files (flash) but you can get a professional look creating a gif

Also, Adobe offers 45 day trials on all there software, so, if you wanted to make a quick change, you could do it with flash for free, and there are tons of tutorials online to assist you

[XTOTHEL]

The banner on CorkSport's sponsor page is a animated GIF. GIFs only allow 256 colours, so if you have too many colours in the graphic things will start to look like crap. It is also difficult for you to edit later on, if you want to add in anything. (can be done using Adobe Flash or Photoshop)

Going Flash: Graphics will be higher quality (more colours), transitions (moving graphics) without increasing size, could be coded for easy editing later on. Ex. If you only want a slide show of images, you could tie the flash file to a xml file or folder and have it load up either all the images on the xml list or folder. Downside is that a lot of mobile devices can't display it, computers without flash plugin can't display them. (can be done using Adobe Flash)

Another way to go at this is to write something dynamic with ASP (used on your site now), just to cycle through a folder of still images. So whenever someone refreshes your page, a different image will show, like ads. (notepad)

I can do all three.

[rick@garage16.ca]

The banner on CorkSport's sponsor page is a animated GIF. GIFs only allow 256 colours, so if you have too many colours in the graphic things will start to look like crap. It is also difficult for you to edit later on, if you want to add in anything. (can be done using Adobe Flash or Photoshop)

Going Flash: Graphics will be higher quality (more colours), transitions (moving graphics) without increasing size, could be coded for easy editing later on. Ex. If you only want a slide show of images, you could tie the flash file to a xml file or folder and have it load up either all the images on the xml list or folder. Downside is that a lot of mobile devices can't display it, computers without flash plugin can't display them. (can be done using Adobe Flash)

Another way to go at this is to write something dynamic with ASP (used on your site now), just to cycle through a folder of still images. So whenever someone refreshes your page, a different image will show, like ads. (notepad)

I can do all three.


Thanks for the info but im sooo lost :(

[PCLoadLetter]

In my opinion, a simple bit of javascript will do exactly what you're looking for. No need to create GIFs or learn flash.

Have a look here: http://www.vivalogo.com/vl-resources/javascript-slideshows-sliders-carousels

edit: this one looks decent: http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm

edit again: looking into corksport's website, they don't use an animated GIF, they use javascript and PNG images. Here's their code:



<div id="slider">
<ul id="sliderContent">
<li class="sliderImage">
<a href=""><img src="http://www.corksport.com/slider/slide1.png" border=0 alt="Welcome to CorkSport.com!" /></a>
<span class=""><strong></strong><br /><a href="testlink.html"></a></span>

</li>
<li class="sliderImage">
<a href="http://www.facebook.com/corksport"><img src="http://www.corksport.com/slider/slide2.png" border=0 alt="Visit our Facebook!" /></a>
<span class="sliderbottom-right"><strong>Keep Up on the Latest News!</strong><br/>New products, events, thoughts, specials & promotions.</span>
</li>
<li class="sliderImage">
<a href="http://www.corksport.com/blog"><img src="http://www.corksport.com/slider/slide3.jpg" border=0 alt="3" /></a>

<span class="slidertop-right"><strong>Check out our blog</strong><br/>Info on events we've attended, pictures, notes from the engineers, the blog is the best way to get inside our heads.</span>
</li>
<li class="sliderImage">
<a href="http://www.corksport.com/2010-mazdaspeed-3/"><img src="http://www.corksport.com/slider/slide4.jpg" border=0 alt="2010 MazdaSpeed3" /></a>
<span class=""></span>
</li>
<div class="sliderclear sliderImage"></div>
</ul>

</div>