Jump to content

Need Help! :(


JeWeLS
 Share

Recommended Posts

Hey... :) Thanks for replying. :)I'm trying to do what she has done with her webcam. If you look on the right side, and you put the mouse over her "Cam" you will see the effect that I am trying to get when you put the mouse over the "cam" picture. When you click on her "Cam" you see that "fading" effect, then it goes back to the scratches. Here is the Javascript coding I have right now: http://pastebin.com/723631I don't know why that other link didn't work.

Link to comment
Share on other sites

Here it is in action, view source and copy it: http://scott100.atspace.com/noize.htmNext save it to your pageGo to this page: http://so-you.net/home/index.php?go=noisetutGo to this paragraphSave the file as noise.gif. Now download this file and upload it to your server and copy and paste the following code into the <head> of your pageRight click on the bit in red on their page and save it in the same location as your web page.That's you :)

Link to comment
Share on other sites

Thanks for the reply scott! :)I have the noise.gif uploaded on my server. The thing I got confused with is she has 2 diffrent codes. When i clicked on her "page source" she has a diffrent code than the one she gave in her tutorial. So i don't know which code to use (the one on her "page source" or the one that she gave on her tutorial page).Also, it does help seeing what you did with the google picture. Would i still have to use this link: http://so-you.net/home/tuts/html/noise/noise3.gif when doing mine? I wouldn't be stealing her bandwith?

Link to comment
Share on other sites

Step1.Go to this page: http://scott100.atspace.com/noize.htm view the source, copy it all and save as your pageStep2.Download this Javascript file and make sure you save it in the same folder as you page.http://so-you.net/home/tuts/html/noise/JSF...ingRollovers.jsIf you follow those steps that's it :)

Link to comment
Share on other sites

Also, it does help seeing what you did with the google picture.  Would i still have to use this link: http://so-you.net/home/tuts/html/noise/noise3.gif  when doing mine? I wouldn't be stealing her bandwith?

Replace the google picture and the noize picture with your own, otherwise yes you are stealing peoples bandwidth, mine is for demo purpose only (and i was to lazy to download and upload the images as mine hehe)
Link to comment
Share on other sites

Thanks Scott! Also, I want to add that i'm using a wordpress blog, and the cam effect I want it on is on my index page. Right now, I have the JSFX rollover, in a sub folder where the root of my wordpress blog is. Does the sub folder matter? or should i just put it in the root of my wordpress journal? I hope that makes sense.

Link to comment
Share on other sites

Thanks again, scott!!I have one more quick question. When someone mouses over to my cam pic and I wanted my visitors to go to my webcam page, how would i go about doing that with this script?

Link to comment
Share on other sites

Change it to your site name (requires a click)<A HREF="http://www.google.com" onMouseOver="JSFX.fadeIn('cam')" onMouseOut="JSFX.fadeOut('cam')"><img style="border: 1px solid black" class="imgfader" name="cam" src="http://so-you.net/home/tuts/html/noise/noise3.gif" width="142" height="110"></A>Or do you mean when they mouseover the pic without clicking it takes them to your page? But then they wouldn't see the noize picture change :)

Link to comment
Share on other sites

Change it to your site name (requires a click)<A HREF="http://www.google.com" onMouseOver="JSFX.fadeIn('cam')" onMouseOut="JSFX.fadeOut('cam')"><img style="border: 1px solid black" class="imgfader" name="cam" src="http://so-you.net/home/tuts/html/noise/noise3.gif" width="142" height="110"></A>Or do you mean when they mouseover the pic without clicking it takes them to your page? But then they wouldn't see the noize picture change  :)

Yes you were right. :) I want my visitors to see the noise effect. I wanted the (requires a click option) I just wasn't sure as to go about doing it. But this clears it up. Thanks alot Scott, for being so helpful!! Its greatly appreciated! :blink::)
Link to comment
Share on other sites

No problem, glad i could help you out :) And remember, this kind of behaviour is unacceptable:

for days I have been trying to figure out how to do this tutorial
If your stuck on something for more than a couple of hours, come and ask w3schools forum :)
Link to comment
Share on other sites

haha! :) I sure will! :) For sure! :) I have one more quick question. In IE when I went to my site, and I looked at my cam effect, it didn't do the gradual "fading" like it does in Firefox. I can see the fade with firefox, but it doesn't show in IE. :blink: How can i make them both look the same in both browsers?

Link to comment
Share on other sites

Yeah, the fade worked beautifully  with the link you gave me.

Did you try this link with both IE and Firefox? I guess you did, i've no idea why it works with FF and not IE :)*edit - I just doubled checked the steps in post #6 and everything is working correctly for both browsers. weird :)
Link to comment
Share on other sites

Did you try this link with both IE and Firefox?  I guess you did, i've no idea why it works with FF and not IE  :)*edit - I just doubled checked the steps in post #6 and everything is working correctly for both browsers. weird :)

hmmm. do you think my IE needs updated?? I think i have IE 6. I don't know why its not working for me either. :)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...