Threaded Mode | Linear Mode

Gadget · 02/08/2009 05:06 PM

ZiNgA BuRgA Wrote:You probably need to set a width and height for the image. It's being set as a background so the element itself isn't sized to that.

I tried messing with that & added it to the hover image & both try's seem to have no change to it.

I changed the CSS code

width: ##px;
height: ##px;

to the image's dimensions & I tried adding that wxh dimensions under "a.backandforward:hover {"

neither had any effect change...

Gadget · 02/08/2009 06:33 PM

Well I am going to bump/double post here because I figured out what I was doing wrong. I appreciate everyone's effort to help me it is appreciated!!! Madwin

If your curious what I did wrong was to call out the javascript code in the headinclude template. So I added:

HTML Code

<script type="text/javascript"> 
<!--
if (document.images) 
    { 
	image7on = new Image(); 
	image7on.src = "styles/windows_vista/layout/back.png"; 
	image7off = new Image(); 
	image7off.src = "styles/windows_vista/layout/back_over.png";
	image8on = new Image(); 
	image8on.src = "styles/windows_vista/layout/forward.png"; 
	image8off = new Image(); 
	image8off.src = "styles/windows_vista/layout/forward_over.png";

    }  


function changeImages() 
    { 
	if (document.images) 
	    { 
for (var i=0; i<changeImages.arguments.length; i+=2) 
    { 
	document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src"); 
    } 
	    } 
    } 
 //-->
</script>

& then to my header template I added:

Spoiler for Long Code:

& now all works perfectly!!!

Thanks again for everyones help, I didn't either realize how many diff comp languages do the same action (or close to) ;)

Mickey · 02/08/2009 06:54 PM

lol, jquery is a javascript framework, and css works well with javascript, i don't think there's any other way Hmmm

Glad you got it working Madwin

Threaded Mode \| Linear Mode [SOLVED] HTML/JAVA mouseover code I solved my problem! Thanks for all the help!!! :D
Author	Message