Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: Mouseover Effekt

  1. #1
    webgirl
    Gast

    Beitrag Mouseover Effekt

    Hallo,
    ich suche den html bzw css Befehl für einen bestimmten Mouseover-Effekt.

    Ich designe gerade die Website für eine befreundete Band. Im Bandcheck-Bereich soll ein Foto mit allen Bandmitgliedern angezeigt werden. Wenn man nun auf die einzelne Person geht, soll der restliche Bereich verschwimmen bzw abgedunkelt werden. Mit welchen Befehlen erreiche ich das?

    Danke im Voraus!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Mouseover Effekt

    Des wär ja nochmal schöner, wenn das mit einfachen befehlen gehen würde
    Du Brauchst für jedes bandmitglied ein Bild, indem alles ausser es abgedunkelt ist. Aber eben kein Bild sondern halt nur sowas was man "drüberlegt".
    Dann machst du ne imagemap. In der definierst du für jedes Bandmitglied einen Bereich. Mit JS onmouseover belndest du dann für jedes bandmitglied das entsprechende overlay ein. Is ziemlich komplieziert.
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  3. #3
    Großmeister(in) Avatar von MyXoToD
    Registriert seit
    07.11.2007
    Ort
    Mainz
    Alter
    24
    Beiträge
    507
    Danke
    0
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Mouseover Effekt

    Also der Allgemeine Befehl in CSS für Mouseover ist wohl "hover"

    Beispiel:
    Code:
    a:hover {
    text-decoration: underline;
    }
    Das was du suchst ist wohl eher eine Lightbox. Weiß allerdings nicht, ob man eine Lightbox mit wenig umschrieben zu müssen auf mouseover bekommt...
    Don't follow me, I run into walls.

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Mouseover Effekt

    naja so kompliziert auch wieder nicht...
    und ich würd diese shadowbox dann da auch selber programmieren, statt ne lightbox oder shadowbox oder whatever zu nehmen.

    denn man brauchtden gurndlegenden effekt 2 mal.
    zum einen musste dir ja im "normalbetrieb" ne person auswählen können und wenn die seite abgedunkelt wird, muss man den effekt deckungsgleich wieder hinbekommen.
    du brauchst des bild mehrfach (also immer so, dass das entsprechende bandmitglied wo die maus drüber geht voll sichtbar ist und leuchtet und die anderen entsprechend des schattenlayers verdunkelt werden) und tauschst des einfach mit mouseover aus

    sind in meinen augen 3 funktionen
    1.) bildwechsel bei mouseover
    2.) shadowlayer anzeigen
    3.) shadowlayer verbergen

    damit du möglichst wenig code schreiben muss, greif einfach auf jquery zurück
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Mouseover Effekt

    dafür jQuery nehmen? Is glaub ein wenig heftig. da reicht ja ein onmoseover="src=''";
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  6. #6
    Macrosdesign
    Gast

    Standard AW: Mouseover Effekt

    Tobse erst lesen dann posten...

    Es geht hier um eine Art Lightbox.. und da ist es nunmal einfacher auf JQuery zurückzugreifen...

    Sowas ist auch rein mit HTML & CSS möglich...
    Geändert von Macrosdesign (01.06.2010 um 00:47 Uhr)

  7. #7
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Mouseover Effekt

    Was du sagst ist wiedersprüchlich. Wenn etwas mit HTMl und CSS zu lösen ist, dann ist es schon schlecht dafür JS zu nehmen. Aber dann eine so große Library wie jQuery zu laden ist in meinen Augen nicht sinnvoll. Ausser natürlich man benutzt es schon.
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  8. #8
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Mouseover Effekt

    groß? was is denn an 70KB gross?
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  9. #9
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Mouseover Effekt

    Nich die Dateigröße, die rechenkraft. Soweit ich weiss, läuft jQuery auf schwächeren rechnrn nich soo gut.
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  10. #10
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Mouseover Effekt

    ajo wer mit ner schreibmaschine surft hat überall im netz verloren...
    tobse, wenn du den jquery-vorschlag so asi findest, denn sei doch so gut und mach dem threadersteller die selbstgecodete shadowbox fertig.
    dann sparen wir uns hier die dummsabbelei und dem threadersteller wird geholfen!!
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Mouseover-Effekt mit Grafiken
    Von suchender im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 26.03.2009, 20:15
  2. Mouseover-effekt
    Von Posi im Forum HTML & CSS Forum
    Antworten: 20
    Letzter Beitrag: 25.09.2008, 12:12
  3. Wiedermal mouseover effekt...
    Von Maggi im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 2
    Letzter Beitrag: 20.03.2007, 07:16
  4. Hoover/Mouseover Effekt
    Von im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 12.03.2007, 09:15
  5. Mouseover-Effekt
    Von darkblue im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 10.08.2005, 05:09

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •