Um immer die Navigationspfeile anzuzeigen, müssen Sie ihre opacity
auf 1 ändern (standardmäßig ist es 0).
hier:
.lb-nav a.lb-prev, .lb-nav a.lb-next {
opacity: 1;
}
Dann sie auf der Seite des Browserfensters halten Sie die position
Eigenschaft fixed
ändern ändern und dann die einzelnen Pfeile dementsprechend wie folgt ändern:
.lb-nav a.lb-next {
position: fixed;
right: 0;
top: 0;
}
.lb-nav a.lb-prev {
position: fixed;
left: 0;
top: 0;
}
und schließlich können Sie den gesamten unteren Block durch Herumspielen mit der Positionierung wie folgt bewegen:
.lb-dataContainer {
left: 50%;
position: absolute;
top: -45px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
Denken Sie daran, sind diese Lösungen bei weitem nicht perfekt. Dies ist eine schnelle und schmutzige Art, Elemente zu verschieben.
alles ist in Ordnung und funktioniert, aber drittens, ich brauche Position ändern nur schließen Sie die Schaltfläche (nicht alle Container mit Titel) und schließen Sie die Schaltfläche muss im Browser rechts oben wie Pfeile auf Browser links/rechts. Wie geht das? Vielen Dank – Haroldas
Aufgrund der Struktur, würde es besser funktionieren, den gesamten Container zu bewegen. Wenn Sie nur den schließenden Knopf bewegen würden, würden Sie den reaktionsfähigen Haltecontainer verlieren, in dem er sich befindet. Dadurch wird der Schließknopf in einer statischen Position sein, egal in welcher Größe das Bild in dem Leuchtkasten wächst: dh der Knopf wäre manchmal weit weg von dem Bild, und andere Male wäre es direkt darüber. – Frits