Image Navigation

[Oliver]

FeatureRequest 👍

Konnte die Erweiterung ein wenig testen und sehe deutlich die bessere Berechnung der Positionierung der hintergrundbilder gegenüber anderen Erweiterungen dieser Art.

Mir persönlich fehlt jetzt nur noch eine Frontend Navigation für die Hintergrundbilder..

[David Greminger]

Ich habe da mal was gemacht in Richtung Navigation. Kannst gerne mal dev-master auschecken und testen ob es bei dir funktioniert.

Die Navigation kann nur auf Root-Seiten aktiviert/deaktiviert werden (globale Einstellung).

Das CSS für die Navigation-Liste kannst du einfach überschreiben, wenn du es andere Farben oder eine andere Positionierung brauchst:

.bs-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

.bs-nav .item {
    display: inline-block;
    *display: inline;
    zoom: 1;

    width: 10px;
    height: 10px;
    line-height: 10px;
    margin: 0 4px;

    text-indent: -999em;
    *text-indent: 0;

    border: 2px solid #fff;
    border-radius: 6px;

    cursor: pointer;
    opacity: .4;

    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}

.bs-nav .item.active {
    background: #fff;
    opacity: 1;
}

[Oliver]

ja, teste ich gerne. Hatte mir das ganze ja manuell eingebaut nach den Anleitungen von jquery.backstretch. Es direkt in der Erweiterung zu haben wäre natürlich sehr komfortabel

[David Greminger]

Nach welchen Anleitungen?

[Oliver]

wenn ich das noch wüßte :( wo ich das her habe.... gibt es da nicht nen GitHub oder gar Blog zu?
jedenfalls hab ich da dies hier her:

$('#prev').click(function(x){
    x.preventDefault();
    $('body').data('backstretch').prev();
    });

$('#next').click(function(x){
    x.preventDefault();
    $('body').data('backstretch').next();
    });

von mir is der code jedenfalls nicht, da ich nur den basics von jQuery mächtig bin.
die passenden container als html modul dazu und schon ging das ganze sehr gut

[David Greminger]

soll ich der navigation noch prev/next links hinzufügen?

[Oliver]

warum nicht, aber nur wenns kein aufwand ist oder andere nachteile hat.
Ich kam noch nicht dazu die dev zu testen.. muss erst mal nen klon von meinem projekt erzeugen, wo ich das testen kann..

[David Greminger]

Die neuste dev-master bietet nun die Möglichkeit, eine prev/next-Navigation auf Wunsch einzublenden.

[Oliver]

👍

[David Greminger]

Die neue Version 1.2.0 ist getaggt :)