bit of help with a website

I'm creating a website for a friend's band, and am trying to get rollover images working - i.e. on load an image is in one state, move mouse over and it is another. Have used dreamweaver to create the site so far, and works fine previewing it through that, and by simply opening the file in firefox/ie. However, i upload it to my temp. website, and it stops working - any ideas?

the url of the not working bit, if you can help is
http://www.hydenwood.vispa.com/Home.htm
Pleas ebear in mind i know nothing about dreamweaver or javascript, and have been learning dreamweaver as i go along.

thanks in advance for any help

 

hmm, I have no idea what could be wrong here. As far as I know manybe GaijinPunch could help but then again maybe not since his site has no rollover images and neither does mine

Yakumo

 

I just find it so odd that locally it works and then i upload it and it doesn't..

 

What's happening is that the source for the broken part of the image needs to be fixed.

So, in dreamweaver, select the rollover image you need to fix.

In the behaviors panel, add "OnMouseOver," action "swap image." Put in the source of the image you need to swap.

Make sure you "name" the image in the property inspector (so you know which one you're editing.)

Also select the "preload images" option to preload the image into the broswer's cache (that's why they're appearing as broken x's until you move your mouse over them, then they change) and "restore image on mouseout" checkboxes.

Also add "swap image restore" to the OnMouseOver event. This restores the last set of images to thier previous source files. I don't know why you need this, but mine didn't work until I added it.

Also, make sure you've got the right path and file name (duh)

Should look like this:

<a href="URL_You want to go to" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('name_of_1st_image','','http://URL_of_2nd_image',1);

Hope this helps.

 

Huzza! its all working now - thanks for all the help hawanja

 

ignore me

 

In Dreamweaver, one of the first things you should do is define the site. This creates a folder in which your local copy is saved, and assigns links automatically relative to that folder.

For example, say your folder is C:\Website

Your domain is website.com

When you insert a picture, which is saved in C:\Website\Pictures, it will show the link in Dreamweaver as:

"pictures/pic.jpg"

Once you upload it to your site, it will know that this is website.com/pictures/pic.jpg - if that makes sense!

So, always go to Manage sites, and add a site

 

Steadster... while Dreamweaver is good, you should not trust any HTML editor that writes code for you. It's usually crap and convoluted. Something like rollover images are pretty easy as well. Google "Javascript rollover images" and you'll get some hits. That's how I learned a ton of stuff. In all honesty, I can't write any JavaScript from scratch, but can hunt around and copy & paste like a mofo.

 

Ture, you should always look over the code that Dreamweaver makes, it has a tendency to be very sloppy, especially when you put spaces and such in it;

Sometimes also it's best to tweak it by hand.

Glad to be of service

 

I really recommend learning HTML to anyone who's making or planning on making a website - you can still use Dreamweaver or whatever, but at least you'll know what's going on. It's piss easy to learn too, but maybe I'm just saying that because I've done one and a half years worth of logic circuits, C programming, 8051 assembler, and I started writing crap in BASIC when I was 10...

www.w3schools.com is fooking great

 

Well i know enough html to get me by - its just anything fancy i have problems with.one day when im a lot better i might well re-write his site by hand. but for now, dreamweaver it is, mainly because i cant be arsed to do it by hand at the moment.

 

Some server don't recognize files when they are written with/without caps.

for example:

when u link to a file PictureA.gif and your refere to it as picturea.gif.. it won't load on some servers because u haven't typed the caps???

 

I wish my parent's had bought me a computer a that age

 

Yeah, I always just write the whole source for any links/images/whatever, becasue Dreamweaver has a tendency to screw up occasionally, it's case sensitive like Rowny says.

The main benifit I think for using a program like this is that it saves a lot of time. You can make a code heavy site in less time and have it look the way you want. It's geared towards print artists and such (i.e. works like a publishing or layout program.)

 

Most web servers are run on Linux (well all *good* ones anyway!), and Linux is always case-sensitive when dealing with filenames. Just keep that in mind.

 

What I did for JG, was a mixture of computer generated and hand written. The shell of the site is actually a template... and was a pretty easy one honestly. You just have to make sure you cut the images up right. Beyond that, there's only like 3-4 different sets of HTML tags... the PHP decides which one is displayed. Definietly worth it if you're thinking the site will expand.

 

Segagaga Domain is built using Adebe Photoshop 7 & Front Page 2000 XP but still needs to be gone over manually every now and then because of a few odd errors that Frontpage likes to add such as wrong sized text or crazy messed up cells. Front Page is also a pain when you want to add FLASH or JAVA to the script. When doing this it's always best to do it manually. Also I find it's best to write ALL files, page titles in lower case. Forget using CAPS in html because like mentioned above some servers will F**k it up.

Yakumo

 

Frontpage sucks. The only thing I use it for is for it's auto-thumbnail feature.

 

Mind showing me the code to that? I've been trying to do some reliable browser-dependent HTML output in PHP but with no luck...

 

Yeah, no problem. I'll have to take some incriminating passwords and stuff out, but the code isn't exactly high-tech stuff.