Text eine Aktion (Bildwechsel) zuweisen

[Nice]

Hallo,
ich hoffe, dass das was ich vorhabe, überhaupt machbar.
Ich möchte auf meiner Portfolioseite auf der linken Seite per Text-Aufzählung meine Projekte auflisten. Bei mouseover über den entsprechenden Text möchte ich gern das Vorschau-Bild rechts daneben jeweils einblenden. Ich hab einen Textteil versuchsweise mal als link gekennzeichnet, kann dann aber keine Aktion angeben. Mein Aktionsfenster ist dann grau.
Funktioniert das überhaupt, was ich mir da überlegt habe? Oder ist das gar nicht machbar? (Das würde ja bedeuten, dass ich für jedes Vorschaubild eine eigene html-Seite anlegen muss. Oder?)

viele Grüße
Nicole

[sos477]

Hallo!
Was mir so auf die schnelle einfällt ist das du die textliche Auflistung als Bilder dastellen könntest. Das ist natürlich mehr Arbeit als nur den Text runter zu schreiben aber das funktioniert sicher.
z.B.
links die Aufzählung der Projekte ( jedes Projekt ist eine Textzeile als Bild)
Wenn du links über ein "Textbild" mit der mouse darübergehst kannst du zum Beispiel rechts davon das dazugehörige Bild erscheinen lassen.
Die Version hast du dir warscheindlich eh schon überlegt aber das ist mir so spontan eingefallen. Ob das ganze nur mit Text funktioniert werde ich auch gleich einmal testen.

baba

sonja

[webmichl]

Das geht ( theoretisch ) schon - per JavaScript :

• Du gibst dem Image einen Namen
• beim MouseOver weist Du dem Bild eine neue Adresse zu: document.name.src="bildadresse"
• beim MouseOut gibst Du ihm den Originalinhalt zurück: document.name.src="originaladresse"

Vom Prinzip her das, was ich in meiner Bastelstube praktiziere: Beim Überfahren der Textlinks wechseln die entsprechenden Thumbs den Inhalt.


Wie das aber in GoLive zu realisieren ist ... keine Ahnung...

[sos477]

Funktioniert auch ohne Java!

Ich habe das ganze in einer Tabelle gemacht mit 3 Projekten
Tabelle: 2 Spalten / 3 Zeilen


Linke Spalte:
Projekt 1
Projekt 2
Projekt 3

Rechte Spalte:
Ein Neutrales Bild erstellt (Hintergrundfarbe) niedrigste Auflösung und in der Größe der Vorschau (stellvertretend für die Vorschau). Dieses Neutrale Bild wird rechts in die 2. Spalte neben jeden Projekt platziert.

1.) 1. Zeile "Projekt 1" markieren - Text Inspektor - leerer Hyperlink
2.) Text Inspektor - Actions - Mauseintritt - Bild "Feld" - Link "Bild1.jpg"
3.) Text Inspektor - Actions - Mausaustritt - Bild "Feld" - Link "neutral.jpg"

Das ist die ganze zauberei!

Ich hoffe dir damit geholfen zu haben.

baba

sonja

[Dirk Levy]

Hallo sonja,

das ist auch mit JavaScript.. ;-)

Es würde auch mit den Ebenen gehen,
alle Bilder in je einen Rahmen packen
gut staffeln und dann auf die Texte links
die Aktion Sichtbarkeit verwenden um
die Bilder ein- und auszublenden...

Gruß
Dirk

[Nice]

Hallo ,
schonmal vielen dank für eure Antworten.
@Sonja: Ja, mit bildern zu arbeiten hab ich gestern dann auch schon überlegt. Deine vorgeschlagene Variante hab ich grad mal ausprobiert. Ab Punkt zwei funktioniert das bei mir aber nicht mehr. in den Actions werden mir zwar die Mauszustände angezeigt, aber ich kann keine Aktion anwählen. Das ist alles grau (inaktiv)...
Seltsam, dass es bei dir funktioniert. Könntest du mir mal deine Testdatei hier anhängen, dass ich mal reinschauen kann. Vielleicht hab ich ja irgendwo was falsch gemacht.

da ich dem Text keine Aktion zuweisen kann, wird auch der Tipp von Webmichl wohl nicht klappen. Per Hand krieg ich das nicht hin...

viele Grüße
Nicole

[Nice]

Hallo,
sorry! Ich hab es doch hinbekommen. In GoLive 5 ging das noch anders mit ner Aktion zuweisen, glaub ich.
Hat alles wunderbar funktioniert. Ich danke euch!

Muss ich als erste Aktion " Bild vorladen" anwählen oder wird das automatisch gemacht, wenn das bei dem neutralen Vorschaubild angegeben ist? Nein oder?

viele Grüße
Nicole

[sos477]

Das müsste sofort gehen. Da das neutrale Bild ja sowiso in der schlechtesten Auflösung abgespeichert werden sollte. Dann müsste es sofort da sein.

baba

sonja

[Nice]

Original geschrieben von sos477
Das müsste sofort gehen. Da das neutrale Bild ja sowiso in der schlechtesten Auflösung abgespeichert werden sollte. Dann müsste es sofort da sein.

baba

sonja

Ahaaa! klingt gut. Sonja, was heißt baba? Ist das eine Grußformel aus Wien? Wollte ich die ganze Zeit schon fragen...


@Dirk: Hab dich vorhin glatt überlesen, weil wir fast gleichzeitig gepostet haben. Welche Lösung ist denn die bessere? Bilder ein- und ausblenden oder Bildwechsel? Was würdest du empfehlen?

[Dirk Levy]

Das mit den Rahmen ist natürlich kompliziert,
wegen der Menge...
Ich denke es gibt einfach zwei Wege für Dein
Ziel....

Gruß
Dirk

[Nice]

Original geschrieben von Dirk Levy
Das mit den Rahmen ist natürlich kompliziert,
wegen der Menge...
Ich denke es gibt einfach zwei Wege für Dein
Ziel....

O.k. Vielen Dank euch allen! (wird sicher nicht meine letzte Frage gewesen sein, bis meine HP fertig ist )

viele Grüße
Nicole

[sos477]

Hallo!

"baba" wie du richtig erkannt hast heißt so viel wie "tschüss" bei euch in Deutschland.
So wie "servus" in Deutschland als "Hallo" interpretiert werden könnte.

baba

sonja

[sos477]

Hi

Kannst du mir sagen wie du dein Problem letzt endlich gelöst hast?

baba

sonja

[Nice]

Original geschrieben von sos477
Hi

Kannst du mir sagen wie du dein Problem letzt endlich gelöst hast?

Hi, ich dachte ich hätte es oben schon angedeutet. Ich habe den Text markiert und ihm eine Aktion zugewiesen (neues Fenster).

In der Praxis sieht es dann so wie hier aus.
Mein Problem war einfach, dass ich nicht geschnallt habe wie man die Aktion zuweist. Wie gesagt die Mauszustände konnte ich auswählen, aber nicht die Aktionen (ich meine, dass das in GL 5 noch etwas anders war...?). In GL 6 muss man dann das kleine Symbol anklicken, dann erst hat man die Möglichkeit Aktionen zuzufügen.

viele Grüße
Nicole

[sos477]

Hi

Habs probiert allerdings arbeite ich noch mit GoLive 5. Nach langem probieren bin ich dann daraufgekommen das man den Bildern einen Namen geben muß sonst funktioniert gar nix.
Jetzt passt aber alles.

danke

sonja