Topic awaiting preservation: dynamic interface... (Page 1 of 1)

hope I can get this out right... I'm trying to figure out the code to the dynamic interface used in this tutorial: Anders Qvicker but I want add the effect of that like this rollover nav image : tekumel nave image. Does anybody have a script or knows a tutorial on a script where I can rollover a button and apply the change image effect on the button and also two other images just like the tukumel script?

-pay your money for four walls and keep yer slavery intact.

I'm sure the others will explain this in more detail but once you have the code to swap on image other than the one you have the mouseover than to add more images just add more arrays and then in mouseover/mouseout code:

function msover(num) {

if (netscape | | goodIE) {

document.images[num].src = over[num].src;

document.images[4].src = menu[num].src; } }

and another line corresponding to the array you have just created.

I hope that makes sense.

Emps


With patience and saliva the ant swallows the elephant - Colombian proverb

Ok this isn't really too difficult.

These are all just basic rollovers the "trick" here is just that you are doing 2 rollovers at once.

Hmm... lemme se what's in the archives because we've answered this questions several times in the past.



:[ Computers let you make more mistakes faster than any other invention in human history, with the possible exceptions of handguns and tequila. ]:

If you use something like Doc's script:

<SCRIPT LANGUAGE="JavaScript">

<!--DocOzone's Javascript code, copyright 1998

//  Feel free to borrow and modify this code,

//  but be sure leave this credit in the source!

//  Your pal,   -Dr. Thaddeus Ozone-

//        .http://www.ozones.com/



window.onerror=null;

// that was to turn off error reporting...



if (document.images) {

names = new Array(  "zero" , "one"  );

        buttons = new Array(4);

for (m=0; m<=3; m++) {

buttons[m] = new Image(); }

        buttons[0].src = "zeroA.jpg";

        buttons[1].src = "oneA.jpg";

        buttons[2].src = "zeroB.jpg";

        buttons[3].src = "oneB.jpg";  }



function swap(des,num) {

if (document.images) {

document.images[names[des]].src = buttons[num].src;  }}



//  close the comment tag, this hides the script from really old browsers! -->

</SCRIPT>

Then you can add in the mouseOver in your link to contain 2 sets of images. Like:

<a href="#" onmouseOver="swap(0,0);swap(1,1)"> get the idea? Just put what all you want to be swaped out into the mouseOver sepearted by a semicolon.


Later,
C:\


~Binary is best~

ok, that makes sense, but the effect I want to have is to be able rollover an image, have it change, along with two more. Than roll on another image have it change along with the same two that the other changed, but with two seperate images. Then a third and fourth etc. The best example I have is the round navigator image here: round navigator image . I want to be able to create this effect without stealing this guys code. Best code I found was docs on this page: Anders again The code for the image to be swapped is on this part of the script:

}
function msover(num) {
if (netscape &#0124; &#0124; goodIE) {
document.images[num].src = over[num].src;
document.images[4].src = menu[num].src; } }
function msout(num) {
if (netscape &#0124; &#0124; goodIE) {
document.images[num].src = standard[num].src;
document.images[4].src = menu[4].src; } }
function preload() {
if (netscape &#0124; &#0124; goodIE) {

}}

4 being the defines swap image, but I want to be able to swap in two (or three or four etc) image locations WHILE at the same time having the image being moused over change image as well.

-pay your money for four walls and keep yer slavery intact.

add :

// as many menu swaps as you require from an array of menu_images_only
document.images[var].src = the_menu[Menu_Array_Var].src;
document.images[var].src = the_menu[Menu_Array_Var].src;

// mouse over - Use an array of button_images_only
document.images[var].src = the_buttons[Button_Array_Var].src;

And again for mouse out with new vars.

mouseOver : doSwap(4,6,8); mouseOut : doSwap(4,5,7);

Where the first number would be the menuArrayImage to swap, second is the button 'name' you want to swap, third is the buttonArrayImage you want to swap it with.

any help?

[This message has been edited by Weadah (edited 01-25-2002).]

got any urls or examples of it?

-pay your money for four walls and keep yer slavery intact.