XHTMLforum - Einzelnen Beitrag anzeigen - Prev/Next-Pfeil bewegt sich mit Cursor mit

Lillydust · #4 (**permalink**) 20.04.2017, 14:04

Leider habe ich diese Variante der Slider-Pfeile noch nicht gelöst bekommen. Für die linke Seite habe ich das Cursor-Help-Symbol eingesetzt (um sicher zu gehen, dass ich den Code an der richtigen Stelle umgeschrieben habe). Für die rechte Seite habe ich eine url mit Verweis auf eine png/gif/cur-Datei angegeben – die auch gefunden wird – der Pfeil erscheint aber trotzdem nicht. Was habe ich vergessen bzw. was muss ich evtl. noch beim HTML-Code ändern?

Vielen Dank für die Hilfe!

Code:

.controls{
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
}

.next-slide:hover{
    width: 50%;
    height: 100%;
    display: inline-block;
    text-align: center;    
    cursor: url(img/pfeil-rechts.gif), url(img/pfeil-rechts.png), url(img/pfeil-rechts.cur), auto;
}

.prev-slide:hover{
    width: 50%;
    height: 100%;
    display: inline-block;
    text-align: center;    
    cursor: help;
}

.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;
    display: inline-block;
    text-align: center;
    width: 50%;
    height: 100%;
    top: 0px;
    right: 0px;
}

.controls-portfolio .next-slide:hover{
    cursor: url(img/pfeil-rechts.gif), url(img/pfeil-rechts.png), url(img/pfeil-rechts.cur), auto;
}

.controls-portfolio .prev-slide{
    position: absolute;
    display: inline-block;
    text-align: center;
    width: 50%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.controls-portfolio .prev-slide:hover{
    cursor: help;
}