Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML][PHP]Przeróbka Tilted Content Slideshow
Forum PHP.pl > Forum > Przedszkole
jako117
Witam, czy ktoś mógłby mi pomóc w przeróbce gotowego slaidera Tilted Content Slideshow (https://tympanus.net/Tutorials/TiltedContentSlideshow/) tak by zamiast tych kresek na dole (do zmiany slaidera) były nazwy tego na co chce zmienić np. Oferta 1 Oferta 2 Oferta 3 Oferta 4

W kodzie skryptu znalazłem i zmieniłem taki fragment:

Kod
TiltSlider.prototype._addNavigation = function() {
        // add nav "dots"
        this.nav = document.createElement( 'nav' )
        var inner = '';
        for( var i = 0; i < this.itemsCount; ++i ) {
            inner += i === 0 ? '<span class="current">jeden</span>' : '<span>dwa</span>';
        }
        this.nav.innerHTML = inner;
        this.el.appendChild( this.nav );
        this.navDots = [].slice.call( this.nav.children );
    }


i otrzymałem coś takiego:
https://drive.google.com/open?id=0B1bvSFQ9y...aTlycUNBdDVRdEU

Jak zrobić żeby dodać jeszcze przyciski: trzy i cztery. Proszę o pomoc smile.gif
Lord


Kod
TiltSlider.prototype._addNavigation = function() {
        // add nav "dots"
        this.nav = document.createElement( 'nav' )
        var inner = '';
               var labels = ['oferta1', 'oferta2', 'oferta3'];
        for( var i = 0; i < this.itemsCount; ++i ) {
            inner += i === 0 ? '<span class="current">' + lebels[i] + '</span>' : '<span>' + lebels[i] + '</span>';
        }
        this.nav.innerHTML = inner;
        this.el.appendChild( this.nav );
        this.navDots = [].slice.call( this.nav.children );
    }


ale nie wiem czy to dobrze tongue.gif

jako117
Niestety nie działa, ale dzięki za zainteresowanie
Lord
Cytat(jako117 @ 24.05.2017, 16:38:05 ) *
Niestety nie działa, ale dzięki za zainteresowanie

literówkę miałem, lebels bylo a nia labels tongue.gif jak nie działa to daj błąd jaki jest tongue.gif
Kod
TiltSlider.prototype._addNavigation = function() {
        // add nav "dots"
        this.nav = document.createElement( 'nav' )
        var inner = '';
               var labels = ['oferta1', 'oferta2', 'oferta3'];
        for( var i = 0; i < this.itemsCount; ++i ) {
            inner += i === 0 ? '<span class="current">' + labels[i] + '</span>' : '<span>' + labels[i] + '</span>';
        }
        this.nav.innerHTML = inner;
        this.el.appendChild( this.nav );
        this.navDots = [].slice.call( this.nav.children );
    }
jako117
Super działa, serdecznie dziękuje kolego thumbsupsmileyanim.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.