Animated Gif Help

ps73 · Posted: Tue Feb 22, 2011 6:02 pm Post subject: Animated Gif Help

Hi

I have created an animated gif for a home page here:

Each image should link to the relevant page but I don't know how to to do this, can anyone point me in the right direction please?

Also is there a way to get the images looking better,I have used airbrushing around the images which doesn't look too good as a gif.

Thanks in advance.

darklite · Posted: Tue Feb 22, 2011 6:18 pm Post subject:

I don't know if it's just me, but I didn't see any animated gifs on this site. I can tell you how to set up the links if you want. Do you need html code, or are you doing it in photoshop?

ps73 · Posted: Wed Feb 23, 2011 6:32 am Post subject:

The rotating image is a gif, do you not see that?

I have tried slicing layers in PS and a dreamweaver tutorial but cannot get the images to link to relevant pages.

Can you tell me the easiest way please?!

Thanks

darklite · Posted: Wed Feb 23, 2011 10:31 am Post subject:

No, I didn't see the rotating gif. I'll check it out again. I'll look at your source code too. If you're using Dreamweaver, you can edit right into the code. Locate your gif image in the code. It might look like this:

<img src="image.gif" size="" width="" alt="gif" />

In front of that, put in your link. EX:

<a href="http://www.site.com/folder/page.html"><img border="0" src="image.gif" size="" width="" alt="gif" /></a>

Be sure to put the markup: border="0" if you don't want the default blue border around the image.

You can also add the link into the image itself via photoshop. Right click the blue x on the slice. a dialog box pops up. In the URL area, put in your link.

If you're not real familiar with html or css, you'll want the link to point to the website of course, and the folder where the page that you want to link to is.

ps73 · Posted: Wed Feb 23, 2011 10:56 am Post subject:

Hi

Many thanks for this.

There are 5 images, each appears after 8 seconds. is it possible to link each image to a different page?

darklite · Posted: Wed Feb 23, 2011 12:18 pm Post subject:

It looks like you've got a slide show going either with js scriptalicious or with flash. If you did it with flash you should be able to go into the properties of each image and assign it a page url. It might help to add some sort of mouse over tip like "go to this page." You do this in the link with a TITLE tag like so:

<a href="http://www.site.com/folder/page.html" title="See this page">

Also, the coffee table link isn't working. If there's just that one product without an additonal page to go to, it might be worth it to disable the link.

In Dreamweaver, if you go under the COMMAND menu, you'll see an option to clean up html, xhtml, xml etc. You might want to try it and see if you come up with any errors. I had trouble in Explorer with the site, but no problems with Firefox. Explorer is notorious for not liking any scripts.

If it's javascript that's moving the images, at this point with all the external sheets, I wouldn't know which peice of it actually controls each image.

ps73 · Posted: Wed Feb 23, 2011 6:44 pm Post subject:

Thanks for taking the time to help me out.

I fixed the table link and decided to go with a swf for the slideshow then dropped it in to dreamweaver.

Will try the html clean up tip too. Problem is, the whole site is magento so if there's any other script problems then I won't be able to fix that. Just hope most people dont us IE.

Thanks again

renata · Posted: Tue Mar 01, 2011 5:38 pm Post subject:

Aaargh, I posted a reply and it timed out and I lost it! So apologies if you end up with two..

I just picked up on the "Magento". If you're using it as a shopping cart, then you may need to be careful how you add links. The shopping cart which I've used (osCommerce) needs to have links added using the particular PHP function calls which are used throughout the rest of the cart. This is so that it can preserve information (such as userids and shopping baskets). In other words, dropping a straight anchor (<A href=...>) tag into shopping cart software could have unforseen consequences.

Also, if you really do have an animated gif, then the HTML code doesn't treat it any differently to a non-animated gif. One image, one link. Don't know about flash - sounds like it can do a lot. But.... be aware that some people (including myself) actually have Flash blocked from starting automatically. So using it for navigation can restrict some of your audience.

Finally, most people DO in fact use Internet Explorer. Stats on websites that I've maintained show this very clearly. If your website has a problem which shows itself under IE, then it's worth trying to fix it because most of your audience will experience the problem.

Forgive me if I've butted in or misunderstood. I hope you get it all working O.K - good luck!

ps73 · Posted: Sat Mar 05, 2011 8:19 am Post subject:

Thanks Renata,

Definitely going to get it done in HTML somehow. Was showing someone our site on an iPad and I forgot flash doesn't work.

Also just had an analytical report done and yes you are right a lot of people are still using IE. I didn't realise....So I need to get a freelancer on the case, quickly!

Having SEO work done right now so hopefully we'll be at the top in a few months too...it's all one big learning curve at the moment. I'm new to it all!

Thanks for your message

Copyright © 2003-2016. PhotoshopForums.com, iFroggy Network. All Rights Reserved. Powered by phpBB © phpBB Group. phpBB SEO. Privacy Policy. We are in no way affiliated with Adobe. Photoshop, Adobe and related marks are registered trademarks of Adobe.