mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 26.04.2024 20:06 Benutzername: Passwort: Auto-Login

Thema: Bild anzeigen und verstecken sowie ändern mit einem Link vom 28.09.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Bild anzeigen und verstecken sowie ändern mit einem Link
Autor Nachricht
mekun
Threadersteller

Dabei seit: 25.09.2006
Ort: Hamburg
Alter: 43
Geschlecht: Männlich
Verfasst Do 28.09.2006 16:32
Titel

Bild anzeigen und verstecken sowie ändern mit einem Link

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*
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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Opus

Dabei seit: 21.08.2006
Ort: 784xx und 104xx
Alter: -
Geschlecht: Männlich
Verfasst Do 28.09.2006 19:38
Titel

Bildanzeige

Antworten mit Zitat Zum Seitenanfang

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... Ooops

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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
d.ausstroit

Dabei seit: 16.10.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 16.10.2006 09:36
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.