XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Farbänderung Sliderpfeile nach Mausklick (http://xhtmlforum.de/showthread.php?t=73210)

Lillydust 17.04.2017 16:48

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;
}


cloned 18.04.2017 10:00

CSS ohne dazugehöriges HTML ist nutzlos.
Die Antwort lautet ja, wenn die Pfeile im HTML eindeutig den Slides zugeordnet werden können. Die Antwort lautet nein, wenn dies nicht der Fall ist.

Lillydust 20.04.2017 14:41

Vielen Dank! Das macht natürlich Sinn.


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:23 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023