Möglich, den Effekt des Überlaufs zu erreichen, ohne den Überlauf zu verbergen?

Question

Ich habe einen Bildschieber, der absolut positioniert ist und eine Breite von 1280px hat. Der Rand links ist -160px, um es in seinem Elternteil zu zentrieren. Die übergeordnete Breite beträgt 960 Pixel, wobei der Rand auf "0 automatisch" eingestellt ist, um einen zentrierten Effekt zu erzielen.

Der Bild-Slider sollte nur Breite aufnehmen: 960px, damit der Browser den Browser nicht mit Scrollern behandelt. Ist es möglich, etwas wie Überlauf zu erreichen: versteckt, während der Überlauf-Inhalt bei hohen Bildschirmauflösungen noch angezeigt wird?

Problem Beispiel: http://almightyidea.com/test/slider/

grundlegende CSS:

.slide-wrapper { 
    position:relative; 
    width:960px; 
    margin:0 auto; 
} 

.slideshow{ 
    position:absolute !important; 
    margin-left:-160px; 
} 

Answer 1

Ich glaube, Sie relative Breite für den Wrapper verwenden sollten. Lass es also breiter werden, wenn es dafür Raum gibt. Sie können auch JavaScript verwenden, um die Breite des ViWeports für Sie zu berechnen und diese Breite für den Wrapper festzulegen.

Sie könnten auch ein vorhandenes jQuery-Plugin verwenden, um alle schweren Aufgaben zu erledigen. Ich benutze Cycle, wenn ich sowas machen muss. http://jquery.malsup.com/cycle/