Mittleres Bild größer anzeigen

[merlin-rainbow]

Hallo Community,

hat einer von Euch eine Idee, wie ich einen Effekt wie bei www.janda-roscher.de hinbekomme?

Dieser Slider schaut gut aus und wurde in Typo3 eingebunden.


Viele Grüße und Helau

[Spooky]

Hallo Community,

hat einer von Euch eine Idee, wie ich einen Effekt wie bei www.janda-roscher.de hinbekomme?

Dieser Slider schaut gut aus und wurde in Typo3 eingebunden.


Viele Grüße und Helau

Das Bild wird nicht wirklich größer dargestellt, sondern alle Slider Elemente, die gerade nicht in einem bestimmten Bereich sind (also der Bereich in der Mitte, wo das Slider Element voll zu sehen sein soll), werden oben und unten einfach von dieser Struktur überdeckt:

<div id="vignette">
    <div class="top" style="left: 151px;"></div>
    <div class="right" style="left: 1111px;"></div>
    <div class="bottom" style="left: 151px;"></div>
    <div class="left" style="left: -649px;"></div>
</div> 

.right und .left behinhalten ein Background Image, dass den Schlagschatten drin hat, sowie den weißen Hintergrund, der die Elemente überdeckt. .top beinhaltet das linke, obere, weiße, "abgeschnittene" Eck. -> http://www.inspiredminds.at/files/mi...ous/slider.png

[merlin-rainbow]

Vielen Dank für Deine Antwort.

Ich werde mich mal daran versuchen.

[merlin-rainbow]

Hatte leider ein paar Tage keine Zeit mich weiter um diese Umsetzung zu kümmern.
Nun bin ich aber wieder dran.

Das mit der Überdeckung hab ich nun verstanden.

Nur, wie bekomme ich es hin, das bestenfalls das mittlere von 3 Bildern zentriert ist und man von den anderen nur jeweils einen Abschnitt sieht?
Derzeit hab ich es in main Bereich eingebunden welcher auf eine maximale Breite eingestellt ist.
Von Haus aus wird ja das linke Bild immer am linken Rand ausgerichtet.

Vielen Dank für Eure Hilfen

[merlin-rainbow]

Ich nochmal,

leider habe ich bisher nichts brauchbares im Internet finden können.

Deshalb noch einmal die Frage, wie man schafft, das das mittlere Bild zentriert und die Bilder rechts und links "abgeschnitten" dargestellt werden.
Der Slider richtet sich ja immer nach der linken Seite aus.

Stehe leider etwas auf dem Schlauch.

[Dirch]

um jquery-programmierung im js-template kommst du nicht drum herum. schau dir mal seine beispiele an: http://coolcarousels.frebsite.nl #45 könntest du als Vorlage nehmen.

[Spooky]

Ich nochmal,

leider habe ich bisher nichts brauchbares im Internet finden können.

Deshalb noch einmal die Frage, wie man schafft, das das mittlere Bild zentriert und die Bilder rechts und links "abgeschnitten" dargestellt werden.
Der Slider richtet sich ja immer nach der linken Seite aus.

Stehe leider etwas auf dem Schlauch.

Ich glaube in so einem Fall ist es besser du heuerst wen für einen Klein-Auftrag an.

[derRenner]

Hallo,

ich hatte da mal was Ähnliches mit dem npSlider umgesetzt. Und dazu hatte das Bühneverhalten des Sliders genutzt - das hat der dk_caroufredsel soweit ich weiss auch.
Ich versuch mal das zusammenzufassen, an was ich mich noch erinnern kann:
Die Sliderbreite auf 100% der Bildschirmbreite gesetzt
Bühnenverhalten gewählt
Bild vorher und Bild nachher sichtbar gelassen
Den Viewport mittig zetriert
Dann hatte ich noch den linken und rechten Teil "errechnen" lassen (via JScript), damit ich diese Bereiche noch stylen konnte) ... aber ich glaube, dass das in diesem Beispiel evtl. nicht notwendig ist.

Wie genau das in deinem Fall anwendbar ist oder wäre kann ich jetzt natürlich nicht sagen, weil ich dein Projekt nicht kenne ...
Versuch mal mit diesen Angaben wieter zu kommen