Autor |
Nachricht |
mekun
Threadersteller
Dabei seit: 25.09.2006
Ort: Hamburg
Alter: 43
Geschlecht:
|
Verfasst Do 28.09.2006 16:32
Titel Bild anzeigen und verstecken sowie ändern mit einem Link |
|
|
Hallo zusammen,
ich habe 4 Textlinks und in der darauf folgenden Zeile
soll ein Bild angezeigt werden welches Onload erstmal versteckt ist.
Beim Klick auf egal welchen der Textlinks erscheint das jeweilige Bild welches dem Link zugeordnet
ist und natürlich, sichtbar
Wird Link1 geklickt erscheint Bild1, wird Link2 geklickt wechselt Bild1 zu Bild2 auf der selben position.
Wird zuerst Link2 geklickt erscheint natürlich Bild2 und bei klick auf jeden weiteren Link wird auf das entsprechende Bild gewechselt.
anfangs ist wie gesagt nichts sichtbar.
für jeden tip dankbar
mekun
|
|
|
|
|
Opus
Dabei seit: 21.08.2006
Ort: 784xx und 104xx
Alter: -
Geschlecht:
|
Verfasst Do 28.09.2006 19:38
Titel Bildanzeige |
|
|
eigentlich kein Problem:
Du kannst das wunderbar mit Javascript/DOM und CSS erledigen.
Du gehst einfach her, und erstellst eine Box (<div>) für deine Bilder und stellst dort ein unsichtbares blank.gif rein. Diese Box positionierst du mit CSS (position:absolute;) und stellst sie mit (visibility: hidden;) auf unsichtbar.
Dann schreibst du in die Links, die dann die Bilder in der Box sichbar machen sollen, einen Javascriptaufruf onclick="javascript: Bild('visible' , 'Bild2.jpg')" und immer dann wenn da angeklickt wird, wird das Javascript-Programm "Bild" aufgerufen.
Nun fehlt nur noch das kleine Javascript/DOM (es funktioniert nach der Dokument Object Methode).
z.B.: function Bild (modus,adresse) {document.getElementById("Bildbox").style.visibility = mode; document.getElementById("Bildbox").src = adresse;}
Und schon sollte es gehen, wenn ich keinen Fehler reingemacht hab...
Edit: da fehlte noch der Hinweis, dass die ID Bildbox natürlich dem <img> Tag zugeordnert werden muss, und das CSS nur für die Div-Box ist.
Zuletzt bearbeitet von Opus am Do 28.09.2006 19:41, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
d.ausstroit
Dabei seit: 16.10.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 16.10.2006 09:36
Titel
|
|
|
Hallo Opus,
kann man das Anzeigen der Bilder in einer eigenen Box auch nur mit CSS realisieren?
Folgende HP-Seite habe ich mir vorgestellt.
Links in einer Spalte (DIV-Container) das Menü. Darüber in einer eigenen Spalte, die Möglichkeit ein Bild anzuzeigen. Beim HP-Start soll hier das Logo einer Firma angezeigt werden. Wenn ich nun mit der Maus über die Menüpunkte fahre, soll hier für jeden Menüpunkt ein anderes Bild angezeigt werden. Zusätzlich brauche ich für den eigentlichen Inhalt der Seite eine weitere Spalte.
Was mir nun Probleme macht, ist die Sache mit dem Menü und den Bildern. Das Menü ist bereits fertig. Aber wie ich dann die Bilder anzeige, weiß ich nicht.
S.
|
|
|
|
|
|
|
|
Ähnliche Themen |
javascript - div/bild bei mouseover neben link anzeigen
[PHP] Letztes Bild suchen und dann Link nicht mehr anzeigen?
<div> Verstecken / Anzeigen
Externes Bild laden und Verstecken
speicher-icon bei mauszeiger auf bild verstecken
Inhalt Anzeigen Mit Link
|
|