cs.punk Posted April 10, 2009 Share Posted April 10, 2009 Hi there, I am a total noob at JS. I just use it for a image rollover... The code looks like this: function chgImg(imgField,imgState) {document[imgField].src = "images/" + imgField + imgState + ".jpg" } And I source that file and use it like this <a href=\"choose_ad_cat.php\" onmouseover=\"chgImg('post_ad','_on')\" onmouseout=\"chgImg('post_ad','')\"> <img src=\"images/post_ad.jpg\" border=\"0\" name=\"post_ad\" /></a> This works perfectly!... Although I want it to work so that that if I have a page in another folder (for example) 'folder1', i can't get the image rollovers to work as the JS file is in 'files/OnOffButton.js'... And I need a way so I can do : <a href=\"choose_ad_cat.php\" onmouseover=\"chgImg('post_ad','_on')\" onmouseout=\"chgImg('post_ad','')\"> <img src=\"../images/post_ad.jpg\" border=\"0\" name=\"post_ad\" /></a> But it does not work... Anyone interested in helping a noob? Link to comment https://forums.phpfreaks.com/topic/153504-javascript-image-rollover-help-im-a-noob/ Share on other sites More sharing options...
jackpf Posted April 10, 2009 Share Posted April 10, 2009 Could you not just change document[imgField].src = "images/" + imgField + imgState + ".jpg" to document[imgField].src = "/images/" + imgField + imgState + ".jpg" Tat way it looks in the root directory for "images" Or maybe I've completely misunderstood what you're asking. Link to comment https://forums.phpfreaks.com/topic/153504-javascript-image-rollover-help-im-a-noob/#findComment-806539 Share on other sites More sharing options...
N1CK3RS0N Posted April 11, 2009 Share Posted April 11, 2009 Like I said before. Much simpler, faster, efficient if you just use CSS to do image rollovers. Link to comment https://forums.phpfreaks.com/topic/153504-javascript-image-rollover-help-im-a-noob/#findComment-806938 Share on other sites More sharing options...
jackpf Posted April 11, 2009 Share Posted April 11, 2009 I don't think IE supports it though... Link to comment https://forums.phpfreaks.com/topic/153504-javascript-image-rollover-help-im-a-noob/#findComment-806940 Share on other sites More sharing options...
N1CK3RS0N Posted April 11, 2009 Share Posted April 11, 2009 I don't think IE supports it though... Doesn't support what? CSS mouseovers? or JS? Link to comment https://forums.phpfreaks.com/topic/153504-javascript-image-rollover-help-im-a-noob/#findComment-806948 Share on other sites More sharing options...
jackpf Posted April 11, 2009 Share Posted April 11, 2009 It only supports the onhover anchor state on links, or so I am told. Link to comment https://forums.phpfreaks.com/topic/153504-javascript-image-rollover-help-im-a-noob/#findComment-806955 Share on other sites More sharing options...
N1CK3RS0N Posted April 11, 2009 Share Posted April 11, 2009 Theres a much easier way to do mouseover image changes without javascript. HTML <td class="nav_01"> <a href="#"><span class="nav-hide">Home</span></a> </td> CSS .nav_01 a { width: 80px; height: 45px; background: url(../images/nav_01.png); background-repeat: no-repeat; display: block; margin: 0 auto; } .nav_01 a:hover { background: url(../images/nav_over_01.png); background-repeat: no-repeat; } .nav-hide { display:none; } Works like a charm Link to comment https://forums.phpfreaks.com/topic/153504-javascript-image-rollover-help-im-a-noob/#findComment-806957 Share on other sites More sharing options...
Kieran Menor Posted April 11, 2009 Share Posted April 11, 2009 Ah, yes, but you cannot preload images that way. Preloading could be done by adding an invisible img tag pointing to the rollover image, though. It would also be possible to combine both the normal and the rollover image and then use background-position to determine what part of the image to show. Link to comment https://forums.phpfreaks.com/topic/153504-javascript-image-rollover-help-im-a-noob/#findComment-807024 Share on other sites More sharing options...
Axeia Posted April 11, 2009 Share Posted April 11, 2009 It only supports the onhover anchor state on links, or so I am told. Are you sure you're not confusing it with IE's CSS :hover behaviour that only works on links? Link to comment https://forums.phpfreaks.com/topic/153504-javascript-image-rollover-help-im-a-noob/#findComment-807158 Share on other sites More sharing options...
jackpf Posted April 11, 2009 Share Posted April 11, 2009 Oooh you are using a link to do it. Yeah, that was why I was dubious as I didn't think IE would support :hover with images. Link to comment https://forums.phpfreaks.com/topic/153504-javascript-image-rollover-help-im-a-noob/#findComment-807174 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.