Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

collapse

* Alles hat ein Ende...

April 2017

Eine Weisheit der Dakota-Indianer sagt:
"Wenn Du entdeckst, dass Du ein totes Pferd reitest, steig ab!"

Vor fast fünf Jahren habe ich die NOF-Community gegründet und nachdem just zu diesem Zeitpunkt das „alte NOF-Forum“ quasi über Nacht vom Betreiber geschlossen wurde, war mein Forum für viele Nutzer von NetObjects Fusion eine willkommene Alternative.

Inzwischen sind weit über 5000 NetObjects-Nutzer in der NOF-Community registriert und täglich kommen weitere hinzu. An interessierten Mitgliedern fehlt es also nicht. Was aber fehlt, sind Mitglieder, die Lust haben, anderen Nutzern bei der Lösung ihrer vielfältigen Probleme in der Anwendung von NetObjects Fusion zu helfen. Vielleicht, weil viele von ihnen - ebenso wie ich - das Interesse an NOF verloren haben und zwischenzeitlich mit anderen Programmen arbeiten.

Aktuell ist es so, dass der Support wie die Kosten für den Betrieb der NOF-Community fast ausschließlich von mir übernommen werden. Dies, und die Tatsache, dass ich die Arbeit mit NetObjects Fusion nicht mehr für zeitgemäß halte, veranlasst mich, den aktiven Forenbetrieb zu beenden. Die Beiträge, Tipps und Anleitungen aus den letzten Jahren stehen ab heute nur noch als Nachschlagewerk zur Verfügung.

Ich bedanke mich an dieser Stelle ganz herzlich bei allen, die mich und die NOF-Community in den vergangenen Jahren unterstützt haben.

Beste Grüße nettesekel

Die letzten Beiträge

Absturz bei FTP Publizierung
von nettesekel
16. April 2017, 12:51:56

E-Masil Adresse herausfinden
von nettesekel
11. April 2017, 16:16:20

Keine Neuinstallation möglich
von nettesekel
10. April 2017, 16:00:27

Publizieren geht nicht
von musikavokale
09. April 2017, 23:15:50

NOF 15
von nettesekel
04. April 2017, 23:55:26

Feststehender Seitenbereich
von nettesekel
01. April 2017, 17:37:12

Aufklappbare Navigation
von nettesekel
31. März 2017, 12:50:30

Nov 12 zum hare ausreisen
von Jim Panse
26. März 2017, 11:48:03

Lytebox Dateiablage
von fahrzeugseiten
21. März 2017, 23:23:23

* Schatznasen Feed

* Aquablogger Feed

* Strickzeugs Feed

* Links für Katzenfreunde

* ...

Fachanwalt für Internet-Recht C.Schmietenknop

* Friendship

DER Katzenblog – mit tollen Tipps und Ideen für deine Katze(n) <3

Autor Thema: Bild Hover Effekt  (Gelesen 3414 mal)

0 Mitglieder und 2 Gäste betrachten dieses Thema.

Offline tomathen

  • Senior Mitglied
  • ****
  • Beiträge: 322
Bild Hover Effekt
« am: 04. Oktober 2012, 18:07:20 »
Mahlzeit,

mal eine Frage. Mir gefällt dieser Bild Hover Effekt.

http://www.ohne-css.gehts-gar.net/0026.php

Mir ist nur etwas schleierhaft, wie ich das in NOF einbauen kann. Oder kann man das nicht? Doch sicher kann man das, wenn man weiß wie....

Vielen Dank
Tom


Offline Cadfael

  • Supporter
  • *****
  • Beiträge: 371
Re: Bild Hover Effekt
« Antwort #1 am: 04. Oktober 2012, 19:51:07 »
Hallo Tom,

ich habe das ganze ohne css gemacht ...
Schau mal hier: http://www.bj250.de/html/custom01.html
Da passieren sogar gleich zwei Dinge. Das s/w Bild wird bunt und gleichzeitig erscheint die Vergrößerung in der Mitte ...

Ist eigentlich ganz einfach mit "mouseover" / "mouseout" zu machen.

Ich bin nicht der große Code-Experte und vermutlich gibt es ein NOF-TUT dazu?
Das Bild muss auf jeden Fall "innen" einen Namen bekommen.

Zuerst macht man das Schwarzweißbild irgendwo hin.
Ich nenne es mal "SW-Bild-1.jpg" ...

Bei dem Bild auf HTML klicken und "innen":
name="Irgendeinname123"

Die Mausbefehle sprechen dann diesen "Namen" an.
Keine Bindestriche nutzen?! Und der "Name" darf nur einmal auf der jeweiligen Seite vergeben werden - sonst klappt es nicht ...

Bei mir ändert sich noch der Mauszeiger. Wie es ohne geht, weiß ich nicht ...  (hi)

"Vorher" käme dann in die HTML des Bildes:
<a HREF="javascript:void (0)"
onMouseover="Irgendeinname123.src='../assets/images/BuntesBild-1.jpg';"
onMouseout="Irgendeinname123.src='../assets/images/SW-Bild-1.jpg';">

"Nachher" käme dann in die HTML des Bildes:
[/url]

Wichtig ist, dass man das bunte Bild in die Assets einbindet und "immer publizieren" anklickt.

Meistens klappt es nicht sofort, weil man irgend einen doofen Fehler eingebaut hat ...  (wasntme)

Gruß
Andreas
« Letzte Änderung: 04. Oktober 2012, 19:53:50 von Cadfael »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
    • Aquablogger der Aquaristikblog
Re: Bild Hover Effekt
« Antwort #2 am: 04. Oktober 2012, 20:52:46 »
Das, was die dort mit dem Bild gemacht haben, habe ich in meinem Navi-Tutorial mit der Schaltflächengrafik gemacht...  schaus dir mal an, daraus solltest du ableiten können... http://www.nof-academy.de/eine%20vertikale%20CSS-Navigation%20mit%20NetObjects%20Fusion%20erstellen/index.html

Offline Cadfael

  • Supporter
  • *****
  • Beiträge: 371
Re: Bild Hover Effekt
« Antwort #3 am: 04. Oktober 2012, 21:12:34 »
Hatte mir das jetzt auch noch mal angeschaut.
Eigentlich sehr pfiffig - und NEs TUT ist ja das ganze horizontal statt vertikal ...

Zum Problem kann es werden, wenn die Bilder zu groß sind.
Beim Aufruf der Seite muss ja das gesamte große / doppelte Bild geladen werden und nicht nur die eine Version.

Bei NEs Beispiel ist das was anderes, da so eine Navi recht klein sein dürfte.
Bei einem Bild 480x320 kann es aber schon "Probleme" geben; zumindest, wenn der Effekt bei mehreren Bildern auf einer Seite verwirklicht werden soll ...

Aber die Idee ist wirklich pfiffig!

Gruß
Andreas

Offline Cadfael

  • Supporter
  • *****
  • Beiträge: 371
Re: Bild Hover Effekt
« Antwort #4 am: 05. Oktober 2012, 14:15:00 »
Ich habe mal gebastelt und diesen Tipp zusammengestellt ...
http://www.ak-line.com/NOF-Tipps/hover-effekt

Es werden beide Methoden beschrieben - plus einer Abwandlung, in der "noch mehr passiert" ...

ACHTUNG!
Ich werde den Tipp nicht endlos als Dauertipp stehen lassen!
Es gibt genug Leute, die bereits NOF TUT-Seiten betreiben. Diese Leute dürfen sich gerne an meiner Vorlage bedienen / Ideen für die eigene Seite übernehmen!!! Dann können sie das was ich nur mit Texten beschrieben habe auch bebildern (Fortmatvorlage, Position im HTML etc.) ...

Viele Spaß damit!
Andreas
« Letzte Änderung: 05. Oktober 2012, 14:24:33 von Cadfael »

Offline Cadfael

  • Supporter
  • *****
  • Beiträge: 371
Re: Bild Hover Effekt
« Antwort #5 am: 05. Oktober 2012, 16:01:13 »
Habe noch mal leicht am Aussehen gefeilt und die Einträge eingefärbt.

Falls unsere HTML-/Code-Spezialisten Fehler finden, bitte melden!  (wasntme)
Ich "mache ja nur". Ob das 100% korrekt ist, könnte ich nicht beschören. Ich weiß nur, dass es in allen Browsern funktioniert ...

Gruß
Andreas

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion