WoltLab Cloud Warly Before/After Slider 1.1.2

An eye-catching slider for before/after images.

The Warly Before/After Slider offers an effective way to showcase before/after images.

The UI elements adapt the style of your website so the slider fits perfectly into your content.

The slider can be operated with mouse, keyboard as well as touch, making it easily accessible and simple to use for everyone.


Two representations are supported:


Split
Both images are displayed separately from each other and can be moved via a slider in the middle.



Fade

When fading, the slider is at the bottom and the images are superimposed. This is the best way to see the differences between the two images.





Instructions

The before/after slider can be created as BBCode or system box. The same options are available for both variants.

BBCode New



Images can be specified either via URL or (if available and permissions granted) also as file attachment or media file. File attachments are uploaded normally and are then available for selection in the dialog.



System Box

The before/after slider is a box and can be included at any position.

Per box the display mode and height can be set. If the height is omitted, the height will be set automatically according to the image dimensions.




Compatibility

Compatible with WoltLab Suite from version 3.1

Integration into Warly Boxxer




Support

Support is available in the forum on warly.de after linking the user accounts.

  • Version 1.1.2

    • Fixes a bug that could cause media not to be displayed in BBCode.
    • Fixes an error that caused titles not to be displayed
  • Version 1.1.1

    • Fixes an error when using file attachments in BBCode under WSC 3.1 and 5.2
  • Version 1.1.0

    Now with BBCode!

    • Adds a BBCode to create a before/after slider. URLs, media files and file attachments can be used
    • Fixes a bug that shifted images by 1px on top of each other
  • Version 1.0.2

    • Removes the requirement that both images need to have the same dimensions
  • Version 1.0.1

    • Fixes an error when deleting an image from a before/after slider in media management
  • Version 1.0.0

    Release Version

  • Kurze Info: der slider beißt sich mit der Chronik von Darkwood Designs.

    Wenn er installiert ist, können keine Einträge mehr in der Chronik vorgenommen werden.

  • Tolles Plugin, leider sind die Bilder in einem Beitrag so riesig, dass die fast den kompletten Bildschirm ausfüllen.

    Auf mobilen Geräten passt es, aber auf Desktops/Notebooks sieht es nicht schön aus. Optimal wäre es, wenn es so einstellbar wäre, das man eine „normale“ Vorschau hat und erst nach einem Klick aufs Bild der Slider erscheint.

  • Can this now be placed in a post/thread?

    Thanks.

    • Edit:

      This is one cool plugin and it's great that we can place sliders in posts!

      I'm very impressed.

      Like 1
    • Would you please consider adding 'width' to the dialogue box?

      This is because the images, no matter how small, are expanding to fit. They look fine on preview but not in the actual post.

      Many thanks.

    • This now works much better in version 5.4.4 with the images sizing up perfectly in the before and after app.

      Great job!

  • Leider zu voreilig gekauft und nicht gemerkt, dass das nur eine Box ist und nicht in Beiträgen von jedem eingebunden werden kann...

    Thanks 1 Like 1 OK 1
    • Hey, danke für deinen Vorschlag. Ich nehme es gerne als Wünsch für die nächste Version mit auf :)

      Like 1 Thanks 1 OK 1
    • Wäre echt der Hammer, vielen Dank für deine Antwort <3


      Habe mir das nämlich zu Beginn so gedacht wie bei einem getunten Auto oder bei Menschen die abgenommen haben und so, dass man schöne Vergleichsbilder im Forum zeigen kann usw :)

    • Hallo zusammen,


      ja das is eine sehr gute Idee mit dem erstellen in Beiträgen für Mitglieder hatte die Rezensionen vorher nicht gelesen und gekauft ich brauch das für die Wettbewerbe die ich veranstalten möchte in Bildbearbeitung etc pp.


      Freue mich auf das Update wenn es da ist :)

      Like 1
    • Hey,


      das neueste Update ist jetzt verfügbar und bietet einen umfangreichen BBCode :)

      Like 1 Thanks 1
    • Der Hammer, vielen Dank! <3

  • Hey

    Ich habe deinen coolen Slider gerade gekauft und installiert.

    Das ist unter Box nun auch sichtbar. Wie bette ich das aber nun z.b. in einem Beitrag im Forum ein?
    Muss ich nun jedes mal für jeden Bildvergleich eine neue Box kreieren? Oder kann ich das via Button oben im Editor aufrufen und erstellen?

    Danke und viele Grüsse
    sammy2k8

    • Hey,


      ja, der Vorher/Nachher Slider ist eine Box und muss vorher erstellt werden. Einen eigenen BBCode gibt es nicht. Über Warly Boxxer lassen sich aber beliebige Boxen in Nachrichten einbetten.

    • Hey,


      mit dem neuesten Update lassen sich Vorher/Nachher Slider jetzt bequem per BBCode erstellen :)

    • Hey

      Vielen Dank für dein Feedback. :thumbup: Ich arbeite gerade aktuell weiter an ein paar grösseren Beiträgen. Das käme mir super gelegen.

      Es hat mir noch kein Update eingeblendet - ich checke das nachher manuell.

      Stay tuned :)

  • Hallo,

    soeben diesen Vorher/Nachher Slider aus Neugier erstanden und ... nun bin ich auf der Suche, wo er sich denn hin Installiert hat?

    Nirgends zu finden :( bei mir - ob ich wohl zu alt, zu dusselig bin?

    Bitte Hilfe, falls möglich :*:/

    • Hey, der Vorher/Nachher Slider ist eine Box. Also einfach Boxen -> Box hinzufügen -> System -> Vorher/Nachher Slider :)

    • Danke für die Info - habe ich hinbekommen.

      Like 1
  • Tolle Sache!

    Eine tolle Sache, wenn man Reviews für Spiele schreibt oder auch die eigenen Produkte vorstellt um den Besuchern eine einfache Möglichkeit gibt die Inhalte von Alt und Neu zu vergleichen.


    Man kann natürlich an der GUI noch ein wenig Schrauben, aber es ist bereits sehr einfach!

Customers Who Bought This File Also Bought