Hi All,
ich musste eine Frames-Seite bauen, sorry, braucht der Kunde halt so. Naja ein aktiver Menüpunkt enthält bei diesem Projekt ein kleines Gif vor dem Menüpunkt. Jetzt will ich aber auf keinen Fall 20 .html-Navigationsseiten bauen, sondern dieses Gif dynamisch auswechseln…was muss ich tun? Ich kenn mich noch nicht so gut mit js aus, aber kann das zeugs schon ganz gut einbauen, verändern und damit spielen.
Grüsse
Timsta
BITTE HELF TMIR IST ZEÌTLICH SEHR WICHITIG DANKE DANKE!
Hallo!
ein aktiver Menüpunkt enthält bei diesem Projekt
ein kleines Gif vor dem Menüpunkt. Jetzt will ich aber auf
keinen Fall 20 .html-Navigationsseiten bauen, sondern dieses
Gif dynamisch auswechseln
I must say, this is one awsome script. This is perfect if you are using a bunch of mouse overs in frames and want the user to
see what image they clicked. This script can also use 3 images. You can have a different image when the user click on the
link just like in this example.
This following lines of code go into your tag. You need to change IMAGE ON, IMAGE OFF, and IMAGE
STAY.
\<!-- Hide from old browsers
// Copyright © 1999 Doug Popeney
// Created by Doug Popeney ([email protected])
// JavaScript Made Easy!! - http://www.easyjavascript.com
if (navigator.appVersion.indexOf("2.") != -1){
check = false;
}
if ((navigator.appVersion.indexOf("3.") != -1) && (navigator.appName.indexOf("Explorer") != -1)){
check = false;
}
else {
check = true;
}
if (check == true){
image1 = new Image();
image1.src = "IMAGE OFF #1";
image1on = new Image();
image1on.src = "IMAGE ON #1";
image1stay = new Image();
image1stay.src = "IMAGE STAY #1";
image2 = new Image();
image2.src = "IMAGE OFF #2";
image2on = new Image();
image2on.src = "IMAGE ON #2";
image2stay = new Image();
image2stay.src = "IMAGE STAY #2";
}
imageStay = ""
function imageon(name){
if (imageStay != name){
document[name].src = eval(name + "on.src");
}
}
function imageoff(name){
if (imageStay != name){
document[name].src = eval(name + ".src");
}
}
function on(name){
if (check == true){
imageon(name);
}
}
function off(name){
if (check == true){
imageoff(name);
}
}
function stay(name){
if (check == true){
document[name].src = eval(name + "stay.src");
if (imageStay != name){
if (imageStay != ""){
document[imageStay].src = eval(imageStay + ".src");
}
}
imageStay = name
}
}
// --\>
These are your images put them anywhere in your page. Change YOUR LINK, FRAME NAME(if you are using frames), and
IMAGE OFF.
Now if you want add more images, you’ll have to adjust the top script by adding these additional lines. (This is an example
of how to add a third image image) This goes after the lines that look identical.
image3 = new Image();
image3.src = "IMAGE OFF #3";
image3on = new Image();
image3on.src = "IMAGE ON #3";
image3stay = new Image();
image3stay.src = "IMAGE STAY #3";
Notice how „image2“ went to „image3“ and „image2on“ went to „image3on“ and „image2stay“ went to „image3stay“. To
add a fourth image you would replace all the „image3“'s with „image4“ and so on.
Now put this link in the body of your document to make the third image visible.
Notice how the image number went up to „image3“. Repet all the steps that I just showed you to put in a fourth or fifth image
and change „image3“ to „image4“ or „image5“.
-> http://www.easyjavascript.com -> Mouse Tricks -> Changing Image - OnClick Image Stays
Grüße, Tanja
wow really not bad…i handled it now a bit easier:
function tauschen(welche)
{
for (x=0; x