Ergebnis 1 bis 2 von 2

Thema: Hover effekt einfügen

  1. #1
    Cubana13
    Gast

    Frage Hover effekt einfügen

    Guten Tag,

    ich nutze Typo3 für meine Homepage..
    Ich bräuchte Hilfe beim einfügen eines Hover Effektes..
    Ich möchte den unten stehenden Code ergänzen, damit ein hover effekt aus dem bild web.jpg z.b web1.jpg macht, aber die Links die in einem PopUp Fenster aufgehen weiterhin funktionieren.

    Momentan bin ich soweit... siehe link

    http://beta.voglwuid.com/index.php?id=band


    Ich hoffe jemand kann mir helfen...

    In einem HTML Template habe ich folgendes eingefügt..

    HTML-Code:
    <!--  CONTENT ELEMENT, uid:414/textpic [begin] -->
    
        <div id="c414" class="csc-default">        
    
            <!--  Image block: [begin] -->
    
        <div class="csc-textpic csc-textpic-center csc-textpic-above">
            <div class="csc-textpic-imagewrap" style="width:700px;">
    
        <dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:150px;"><dt>
    
        <img src="fileadmin/templates/feuerwehr/images/web.jpg" width="700px" alt="Band Voglwuid" usemap="#Band" />
                                
            <map name="Band">
    
                <area shape="circle" coords="136,190,70"
                        href="fileadmin/user_upload/musiker/christian_d.jpg" alt="Christina" title="Christian" class="mb">
                <area shape="circle" coords="228,178,70"
                          href="fileadmin/user_upload/musiker/carsten_d.jpg" alt="Carsten" title="Carsten" class="mb">
                <area shape="circle" coords="300,150,70"
                        href="fileadmin/user_upload/musiker/martin_d.jpg" alt="Martin" title="martin" class="mb">
                    <area shape="circle" coords="337,178,70"
                         href="fileadmin/user_upload/musiker/thomas_d.jpg" alt="Thomas" title="Thomas"  class="mb" style="width:100px;">
                <area shape="circle" coords="447,187,70"
                          href="fileadmin/user_upload/musiker/sven_d.jpg" alt="Sven" title="Sven" class="mb">            
                <area shape="circle" coords="539,198,70"
                         href="fileadmin/user_upload/musiker/sylvia_d.jpg" alt="Sylvia" title="Sylvia" class="mb">
                <area shape="circle" coords="664,159,70"
                          href="fileadmin/user_upload/musiker/hane_d.jpg" alt="Hane" title="Hane" class="mb">
                        
                </map>
                                
        </div>
            <div class="csc-textpic-text"></div>
        </div>
            <div class="csc-textpic-clear">
    
    <!-- --></div>
    
            <!--  Image block: [end] -->
                </div>
        <!--  CONTENT ELEMENT, uid:414/textpic [end] -->
    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
    Forum Guru
    Registriert seit
    04.04.2005
    Beiträge
    4.139
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hover effekt einfügen

    entweder mit CSS :hover, das funktioniert aber nicht da du z.B. ein Hintergrundbild wechseln kannst aber nicht den src Pfad.
    Lösung 1: Transparentes Bild, Bild selber als background-image

    Lösung 2: JavaScript -> onMouseOver
    Facebook Gruppe: Böses Encoding

Ähnliche Themen

  1. Hover-Effekt
    Von LaLinda im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 25.06.2008, 15:08
  2. Grafik hover effekt
    Von minder im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 29.03.2008, 14:02
  3. hover effekt
    Von Kingdingeling im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 23.12.2006, 00:35
  4. CSS hover-effekt
    Von BendOr im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.09.2006, 14:48
  5. hilfe bei hover effekt
    Von sYco im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 25.06.2004, 20:34

Stichworte

Berechtigungen

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