JeWeLS Posted May 17, 2006 Share Posted May 17, 2006 OK here is my problem: for days I have been trying to figure out how to do this tutorial. I have no idea what I am doing wrong. Here is what I have: http://www.pastebin.com/723177I hope somebody can help me out. :)Any help or fast responses, would be greatly appreciated. Link to comment Share on other sites More sharing options...
scott100 Posted May 17, 2006 Share Posted May 17, 2006 What is it your trying to do exactly??? Link to comment Share on other sites More sharing options...
JeWeLS Posted May 17, 2006 Author Share Posted May 17, 2006 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 More sharing options...
scott100 Posted May 17, 2006 Share Posted May 17, 2006 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 More sharing options...
JeWeLS Posted May 17, 2006 Author Share Posted May 17, 2006 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 More sharing options...
scott100 Posted May 17, 2006 Share Posted May 17, 2006 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 More sharing options...
scott100 Posted May 17, 2006 Share Posted May 17, 2006 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?<{POST_SNAPBACK}> 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 More sharing options...
JeWeLS Posted May 17, 2006 Author Share Posted May 17, 2006 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 More sharing options...
scott100 Posted May 17, 2006 Share Posted May 17, 2006 If they are in different folders make sure your path is correct, otherwise it wont work. Like this for example:<script LANGUAGE=JavaScript SRC="http://www.mypage/pathtofile/JSFX_FadingRollovers.js" TYPE="text/javascript"></SCRIPT> Link to comment Share on other sites More sharing options...
JeWeLS Posted May 17, 2006 Author Share Posted May 17, 2006 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 More sharing options...
scott100 Posted May 18, 2006 Share Posted May 18, 2006 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 More sharing options...
JeWeLS Posted May 18, 2006 Author Share Posted May 18, 2006 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 <{POST_SNAPBACK}> 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! Link to comment Share on other sites More sharing options...
scott100 Posted May 18, 2006 Share Posted May 18, 2006 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 tutorialIf your stuck on something for more than a couple of hours, come and ask w3schools forum Link to comment Share on other sites More sharing options...
JeWeLS Posted May 18, 2006 Author Share Posted May 18, 2006 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. How can i make them both look the same in both browsers? Link to comment Share on other sites More sharing options...
scott100 Posted May 18, 2006 Share Posted May 18, 2006 IE doesn't show the fade Do you see it when you visited this page? http://scott100.atspace.com/noize.htm Link to comment Share on other sites More sharing options...
JeWeLS Posted May 18, 2006 Author Share Posted May 18, 2006 Yeah, the fade worked beautifully with the link you gave me. I can't figure out why its not working for me on my IE. Its working great in firefox though. Link to comment Share on other sites More sharing options...
scott100 Posted May 18, 2006 Share Posted May 18, 2006 Yeah, the fade worked beautifully with the link you gave me.<{POST_SNAPBACK}> 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 More sharing options...
JeWeLS Posted May 18, 2006 Author Share Posted May 18, 2006 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 <{POST_SNAPBACK}> 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 More sharing options...
scott100 Posted May 18, 2006 Share Posted May 18, 2006 IE6 is the current version (7 is on its way, beta 2 at the minute)Are you using xp, do you have service pack 2 installed?you could try installing that and see: http://www.microsoft.com/windowsxp/sp2/default.mspx Link to comment Share on other sites More sharing options...
JeWeLS Posted May 18, 2006 Author Share Posted May 18, 2006 IE6 is the current version (7 is on its way, beta 2 at the minute)Are you using xp, do you have service pack 2 installed?you could try installing that and see: http://www.microsoft.com/windowsxp/sp2/default.mspx<{POST_SNAPBACK}> I thought I had SP2, but i'll download it and see if it helps. Thanks again, scott!! Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now