Mouse-Over mit spezieller Funktion

MaexxDesign

MaexxDesign

Mitglied
Seas,

folgendes:
Ich möchte eine Bildergallery anlegen.
Und zwar so:
Wenn man mit der Maus z.B. über ein Objekt rüberfährt, soll ein paar Zeilen unterhalb das Foto erscheinen.
Des Weiteren soll das Foto erst dann dauerhaft sichtbar sein, wenn man auf das Objekt raufklickt.

Beispiel:

1 2 3 4 5 6 7 8 9 10 (sind meine Objekte)

------------------------- (Bildaufbau)


Und nun stellt Fragen, denn ich glaube der ein oder andere versteht noch nicht ganz was ich möchte. ;)
Ich finde leider kein Beispiel, weil ich nicht weiß wie diese Funktion heißt.

EDIT:
Genau soetwas möchte ich auch haben:
http://www.cssplay.co.uk/menu/gallery.html#nogo
 
Zuletzt bearbeitet:
Könntest du auch etwas konkreter ausführen, was da nicht wie gewünscht funktioniert?
 
Ich habe so was realisiert.

schau mal unter www.feuerwehrschlieren.ch

unter dem Menupunkt Anlässe. Wenn du über das kleine
Bild links mit der Maus wanderst kommt rechts das grosse
Bild.

Meinst du so was? Kannst einfach den Quellcode anschauen.

Im Head liegt der script und im Body den mousover
 
Zuletzt bearbeitet:
Genau so möchte ich das haben. :)
Aus dem Quellcode werde ich nicht schlau.
HTML: 
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="de-ch">
<meta name="abstract" content="Feuerwehr Schlieren">
<meta name="description" content="Hallo, das ist die Homepage der Feuerwehr Schlieren. Bei uns erwartet Sie viel Wissenswertes über uns und unsere Arbeit und unsere Ausbldung. Schauen Sie doch mal vorbei.">
<meta name="author" content="Webmaster, Feuerwehr Schlieren">
<meta name="revisit-after" content="30">
<meta name="publisher" content="Feuerwehr Schlieren">
<meta name="keywords" content="Feuerwehr, Schlieren, Feuer, Feuerwehrfahrzeuge, Feuerwehrauto, Ausbildung, Abzeichen, Training, Firefighter, Fire Brigade, Firebrigade, Fire, Zurich, Zürich, Rettung, Organisation, Mannschaft, Brandhaus, Blaulicht, Feuerwehrmaterial, Motorspritze, Leiter, Hubretter, TLF, PIF, PTF, Tanklöschfahrzeug, Pionierfahrzeug, Depot, Brand, Alarm, Uebung, Oel, Gemeinde, Chemie, Knoten, Seile, Schulung, Notruf, Notfall, 112, 118, Brandschutz">
<meta name="Language" content="Deutsch">
<meta name="audience" content="Alle">
<meta name="robots" content="INDEX,FOLLOW">
<script type="Text/JavaScript" language="JavaScript1.2" src="script.js"></script>

<title>Feuerwehr Schlieren</title>
<link rel="stylesheet" type="text/css" href="../css/stylesheet.css">
<!-- <base target="Hauptframe"> -->
</head>

<!-- Frame wird erstellt -->
<frameset cols="15%,*" border="0px" frameborder="0px">
	<!-- Linker Frame für die Hauptnavigation -->
	<frame name="Navigation" src="navigation/navigation_home.htm" scrolling="no" noresize>
  <frameset rows="10%,85%">
	
	<!-- Oberer Frame für die Untermenu und Hauptframe für den Inhalt -->
	<frame name="Submenu" src="navigation/links.htm" scrolling="no" noresize>

    <frame name="Hauptframe" src="frame/frame_index.htm" scrolling="auto">
  </frameset>
  <noframes>
  <body>
  <p>Diese Seite verwendet Frames. Frames werden von Ihrem Browser aber nicht 
  unterstützt.</p>

  </body>
  </noframes>
</frameset>
</html>
 
Dann wäre nur das für mich interessant, oder ?
Code: 
<script type="Text/JavaScript" language="JavaScript1.1">
/*Rollover effect on different image*/
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}
</script>

<script type="Text/JavaScript" language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("../anlaesse/skiweekend2006.jpg","../anlaesse/unihockey2006.jpg","../anlaesse/familienfest2006.jpg","../anlaesse/feuerwehrreise2006.jpg","../anlaesse/hauptuebung2006.jpg","../anlaesse/chilbi2006.jpg","../anlaesse/schlussuebung2006.jpg")
</script>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück