Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 17.04.2017, 16:48
Lillydust Lillydust ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.02.2017
Beiträge: 10
Lillydust befindet sich auf einem aufstrebenden Ast
Standard Farbänderung Sliderpfeile nach Mausklick

Hallo,
gibt es eine Möglichkeit, auf lediglich zwei Slider-Bildern die Farbe der prev/next-Pfeile von einem Bild zum nächsten zu ändern? Sie sind jetzt Weiß und sollen auf dem nächsten Bild Schwarz sein? Bei Berührung mit dem Mauszeiger soll die Farbe bleiben, sich also erst nach dem Klick ändern.

Code:
.next-slide, .prev-slide{
    width: 70px;
    height: 80px;
    display: inline-block;
    text-align: center;    
    cursor: pointer;
}

.single-portfolio{
    position: relative;
}

.single-portfolio-slider{
    width: 100%;
}

.owl-carousel.single-portfolio-slider, .single-portfolio-slider .owl-item{
    padding:0;
}

.single-portfolio-slider img{
    max-width: 100%;
}

.controls-portfolio .next-slide{
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -40px;
}

.controls-portfolio .prev-slide{
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -40px;
}

.controls-portfolio i{
    color: #fff;
    font-size: 80px;
}

.controls-portfolio .next-slide, .controls-portfolio .prev-slide{
    width: 70px;
    height: 80px;
    display: inline-block;
    text-align: center;    
    cursor: pointer;
}
Mit Zitat antworten
Sponsored Links