Stupid Jump

SN3 · Share | #1 (**permalink**) 11-01-2003, 02:46 PM

I made my site look a little better today, i had to add a roll over code. the pages with the roll over code move over a little, kinda like a little jump, and the pages without it dont. i could add the code to all of the pages, but that would take a while. what can i do to make it stop?

here:

between:
http://www.stealthnet3000.com/portfolio.html
and
http://www.stealthnet3000.com/portfoliowd.html

and between:
http://www.stealthnet3000.com/portfolio.html
and
http://www.stealthnet3000.com/portfolioct.html

SN3 · #2 (**permalink**) 11-01-2003, 02:47 PM

btw: what do you think of the changes?

Pimpen 2010 · #3 (**permalink**) 11-01-2003, 02:50 PM

I think thats pretty cool.

Jazzee · #4 (**permalink**) 11-01-2003, 03:31 PM

I don't know what you mean. I don't see anything wrong.

SN3 · #5 (**permalink**) 11-01-2003, 03:32 PM

the pages with the roll over move over a little bit to the right

SN3 · #6 (**permalink**) 11-01-2003, 03:33 PM

you would have to go to http://www.StealthNet3000.com/portfolio.html and then click on website design or custom template design to see it. it is hard 2 see when you look at one then another without the transition

DaveyBoy · #7 (**permalink**) 11-01-2003, 03:43 PM

no idea why thats happening, weird!

Pimpen 2010 · #8 (**permalink**) 11-01-2003, 03:55 PM

No, he wants to know what you guys think about it lol.

Jazzee · #9 (**permalink**) 11-01-2003, 03:58 PM

Quote:

Originally Posted by Pimpen 2010

No, he wants to know what you guys think about it lol.

No. He wants to know how to stop the jump.

SN3 · #10 (**permalink**) 11-01-2003, 04:06 PM

no i know why its happening, i need to figure out how to stop it. The roll over code is making it jump, but instead of putting the roll over code in all of the pages, i rather figure out a way to make it stop jumping in thoes two pages. the </head> code is right after the code, so that wont help, jazzee, i know you would suggest that

Pimpen 2010 · #11 (**permalink**) 11-01-2003, 04:13 PM

Quote:

Originally Posted by StealthNet3000 Admin

the pages with the roll over move over a little bit to the right

Oooo ok, doesn't for me.

Pimpen 2010 · #12 (**permalink**) 11-01-2003, 04:14 PM

Maybe the images are bigger than each other?

SN3 · #13 (**permalink**) 11-01-2003, 04:15 PM

no, the same thing.

DaveyBoy · #14 (**permalink**) 11-01-2003, 05:11 PM

Quote:

Originally Posted by StealthNet3000 Admin

no i know why its happening, i need to figure out how to stop it. The roll over code is making it jump, but instead of putting the roll over code in all of the pages, i rather figure out a way to make it stop jumping in thoes two pages. the </head> code is right after the code, so that wont help, jazzee, i know you would suggest that

I meant i'd looked at the code for a div tag or something that might have explained the shift.

I've used rollover images with preloaders for years and thats never ever happened. So i say its either a dodgy script you're using or not the rollover at all but something else that is doing it.

SN3 · #15 (**permalink**) 11-01-2003, 05:13 PM

hm....

DaveyBoy · #16 (**permalink**) 11-01-2003, 05:23 PM

maybe someone else in your company might know?

Is it company policy to ask them if they know, or not?

SN3 · #17 (**permalink**) 11-01-2003, 06:00 PM

not funny

LazyJim · #18 (**permalink**) 11-02-2003, 03:34 AM

lol show us the bit of code you've identified as causing the problem

LazyJim · #19 (**permalink**) 11-02-2003, 03:37 AM

looks good!

what's that gray bar coming in from the left and covering some of the other graphics up? - when the page changes a darker gray bit jumps in and slides away again... but can't see any use for it, not even any text on it...

:

SN3 · #20 (**permalink**) 11-02-2003, 09:39 AM

huh? here is the coding part that is has the problem:

roll over pages:

[code:1:1e99f4d708]<script type="text/javascript">
function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('hsrc')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hsrc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
onload=init;
</script> [/code:1:1e99f4d708]

it is like this in head of the page:

[code:1:1e99f4d708]<HTML>
<HEAD>
<TITLE>StealthNet3000 - Portfolio - Website Design</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script type="text/javascript">
function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('hsrc')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hsrc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
onload=init;
</script>
<STYLE type="text/css">

</STYLE>
<style type="text/css">

</style>
</HEAD>[/code:1:1e99f4d708]

and the other pages have this for the head:

[code:1:1e99f4d708]<HTML>
<HEAD>
<TITLE>StealthNet3000 - Portfolio</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<STYLE type="text/css">

</STYLE>

</HEAD>
<style type="text/css">

</style>[/code:1:1e99f4d708]