Guten Tag!

Da brauche ich Hilfe. Ich möchte auf meinem Webdesign solche Navigation mit Ringen, wie auf dieser Webseite http://www.ridli-web.ch sind, machen. Aber es klappt etwas nicht. Ich mache so:

Code:
;( function( window ) {


	'use strict';


	function extend( a, b ) {
		for( var key in b ) { 
			if( b.hasOwnProperty( key ) ) {
				a[key] = b[key];
			}
		}
		return a;
	}


	function DotNav( el, options ) {
		this.nav = el;
		this.options = extend( {}, this.options );
  		extend( this.options, options );
  		this._init();
	}


	DotNav.prototype.options = {};


	DotNav.prototype._init = function() {
		// special case "dotstyle-hop"
		var hop = this.nav.parentNode.className.indexOf( 'dotstyle-hop' ) !== -1;


		var dots = [].slice.call( this.nav.querySelectorAll( 'li' ) ), current = 0, self = this;


		dots.forEach( function( dot, idx ) {
			dot.addEventListener( 'click', function( ev ) {
				ev.preventDefault();
				if( idx !== current ) {
					dots[ current ].className = '';


					// special case
					if( hop && idx < current ) {
						dot.className += ' current-from-right';
					}


					setTimeout( function() {
						dot.className += ' current';
						current = idx;
						if( typeof self.options.callback === 'function' ) {
							self.options.callback( current );
						}
					}, 25 );						
				}
			} );
		} );
	}


	// add to global namespace
	window.DotNav = DotNav;


})( window );
Sagen sie bitte, wo ist der Fehler?
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 !!!!!