Nivo Slider keine Navigationspfeile

Hi!

Hab den Nivoslider zum laufen bekommen aber kann keine Navigationspfeile sehen und auch keinen Text (default “next, prev”)

Hier meine Enstellungen:

    //Default settings
    $.fn.nivoSlider.defaults = {
        effect: 'random',
        slices: 15,
        boxCols: 8,
        boxRows: 4,
        animSpeed: 500,
        pauseTime: 3000,
        startSlide: 0,
        directionNav: true,
        controlNav: true,
        controlNavThumbs: false,
        pauseOnHover: true,
        manualAdvance: false,
        prevText: 'Prev',
        nextText: 'Next',
        randomStart: false,
        beforeChange: function(){},
        afterChange: function(){},
        slideshowEnd: function(){},
        lastSlide: function(){},
        afterLoad: function(){}
    };

Danke im Voraus

hast du es als Modul für OXID runtergeladen?
Wenn ja, welches?
fehlen nur die Pfeile oder auch andere grafische Elemente? Ich würde spontan sagen, dass die CSS Datei fehlt

Hab mir hier
http://nivo.dev7studios.com/
die jQuery runtergeladen und installiert.
Slider wird angezeigt aber kein Text für “Vor” und “Zurück” und auch keine Navigationspfeile.

nivo.css hab ich der oxid.css beigefügt.

#slider {
    position: relative;
    float: left;
}

#slider img {
    position: absolute;
    top: 0;
    left: 0;
}
 
/* The Nivo Slider styles */
.nivoSlider {
    position:relative;
	width:774px;
	height:170px;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
    width:774px;
	height:170px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
    width: 50px
    height: 50px;
    background-color: #003366;
}
.nivo-nextNav {
	right:0px;
    
    width: 50px
    height: 50px;
    background-color: #003366;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

Hallo,

also Pfeile sind ja in diesen CSS gar nicht drin, die müsstest du noch unter .nivo-directionNav a mit einbauen: background:url(bg/arrows.png) no-repeat;
Und dann noch die Pfeile in den Ordner css/bg kopieren.

Einfacher wäre es evtl. gleich eines der beigefügten Themes zu verwenden, inkl.den jeweiligen CSS.

Stimmt, wird aber trotzdem nicht angezeigt.
Auch die “Textversion” mit “Prev” und “Next” nicht …

stimmen die Pfade zu den Grafiken?

Ja.
Irgendwie muss er die Einstellungen der .js umgehen, denn

pauseOnHover: true,

funktioniert auch nicht.

funktioniert der Slider überhaupt? Du kannst ja debuggen, ob die scripte überhaupt geladen werden, oder ob sie Fehler produzieren.

Das ist ja das komische. Slider funktioniert einwandfrei mit allen random-Übergängen.
Sieht wirklich toll aus. Nur die Pfeile zum Navigieren fehlen irgendwie.

Fehler werden auch keine produziert.

Ok, hab den Fehler.

Hab es mit Hilfe von diesem Tutorial eingebaut:

und die Einstellungen dirket in der jquery.nivo.slider.js gemacht.

Wenn man die Einstellungen in initnivo.js macht, funktioniert es.

Vielen Dank!

ich weiss nicht, ob das mit FF geht, aber mit chrome kannst Du die komplette Resource debuggen und da solltest Du auch sehen, ob die Pfeile geladen werden und ob sie am erwarteten Pfad existieren.
Ohne Link ist das schwer zu sagen, aber könnte auch ein z-index Problem sein. Je nachdem, was Du alles am Layout verändert hast könnte es sein, dass die Pfeile unter anderen Elementen liegen.