Black Friday Sale! Save up to 50% off!
  1. Zuhause
  2. Eigenschaften
  3. Webseitenelemente
  4. Bildergalerie-Element
  5. Änderung Des Galerie-Layouts

So ändern Sie das Galerie-Layout auf einer Website

Die Galerie in Nicepage ist ein transformierbares Element, das Sie einfach in das Karussell, den Schieberegler, den Schieberegler mit Miniaturansichten und den Schieberegler mit Bildunterschriften umwandeln können. Wählen Sie eine beliebige Galerie in einem Block aus und gehen Sie zum Eigenschaftsfenster. Klicken Sie auf die Layout-Eigenschaftssymbole, um die Layout-Änderung anzuwenden.
Mehr erfahren

Nach Funktionskategorien durchsuchen

Webseitenelemente
Unterstützte Systeme
Visueller Seiteneditor
Design-Elemente
Medienbibliotheken
Elementeigenschaften
Responsiv
Animationseffekte
Themen Einstellungen
Kontakt Formular
Kopfzeile Fußzeile
Blog
E-Commerce
SEO
Benutzerdefinierter Code
Anwendungsfunktionen
Site- und Seiteneigenschaften
WordPress-Widgets

Alles, was Sie brauchen, um Ihre kostenlose Website zu erstellen

Verwenden Sie unseren Website Builder, um Websites ohne Codierung zu entwerfen und zu erstellen. Ziehen Sie alles, was Sie möchten, per Drag & Drop an einen beliebigen Ort. Der Website Creator passt Ihre Website automatisch für Mobilgeräte an, um sie responsive zu machen. Wählen Sie aus mehr als 15,000 anpassbaren Website-Vorlagen.

Für Windows herunterladen Für Mac herunterladen

Verwandte Funktionen

Galerie-Textstil
Galerie-Textstil

Wie bei jedem anderen Text auf Ihrer Webseite können Sie die Schriftartparameter für die Galerietexte, sowohl Überschrift als auch Text, separat ändern. Wählen Sie dazu eine Galerie aus und klicken Sie dann im Eigenschaftsfenster rechts auf den Textstil-Link. Ändern Sie im nächsten Panel die Eigenschaften der Texte und sehen Sie sich die Vorschau Ihrer Änderungen im Editor an. Bitte beachten Sie, dass Sie den Galerietext benötigen, den Sie in die speziellen Felder eingeben müssen.
Galerie-Bildtext

Für die Galerie-Layouts wie Beschriftung und Schieberegler können Sie die Überschrift und den Text hinzufügen, der das Galeriebild beschreibt. Wenn Ihre Besucher auf den Bild-Lightbox-Modus klicken, können Sie diese Texte im Bild-Lightbox-Modus sehen. Um Galerie-Bildtexte anzuzeigen, wählen Sie die Galerie aus und ändern Sie dann ihr Layout, um Texte anzuzeigen. Gehen Sie zum Eigenschaftsfenster und geben Sie dann Texte in die speziellen Felder ein.
Bildergalerie Lightbox

Mit der Option „Bild-Lightbox“ können Sie ein Galeriebild vergrößern, um eine detaillierte Vorschau anzuzeigen. Diese Option ist für das Rasterlayout verfügbar und standardmäßig aktiviert. Wenn Sie diese Eigenschaft jedoch deaktivieren oder erneut aktivieren müssen, können Sie eine Galerie auf Ihrer Webseite auswählen und dann zum Eigenschaftsfenster gehen. Klicken Sie auf den Link „Bildstil“ und aktivieren Sie dann das Kontrollkästchen „Bild-Lightbox“ im nächsten Fenster.
Galerie-Bildradius

Die Galeriebilder können den Radius haben, wodurch Ihre Galerien interessanter und vielfältiger aussehen. Um den Radius für Galeriebilder zu aktivieren, wählen Sie die Galerie und dann den Bildstil im Eigenschaftsfenster aus. Bitte ziehen Sie den Radius-Schieberegler oder geben Sie seinen Wert ein, um die Ecken der Galeriebilder aufzurütteln.
Galeriebild-Hover-Animation

Die Galerie sieht auf Ihren Webdesigns attraktiver aus, wenn sie mit Ihren Besuchern interagiert. Daher können Sie es in Form der Animation On Hover für Ihre Galeriebilder hinzufügen. Wählen Sie Ihre Galerie aus und gehen Sie dann zum Eigenschaftsfenster. Klicken Sie im Abschnitt „Animation“ auf den Link „Bild“ und wählen Sie im nächsten Bereich den Effekt „Animation beim Hover“ für Ihre Galeriebilder aus.
Galerie-Text-Hover-Animation

Sie können die Animation On Hover für die Galerietexte hinzufügen, wodurch Ihre Webdesigns noch interaktiver und attraktiver für Website-Besucher werden. Wählen Sie die Galerie aus. Wenn das Galerie-Layout Texte enthält, gehen Sie zum Eigenschaftsfenster. Fügen Sie Texte hinzu und klicken Sie dann im Abschnitt Animation auf den Link Textebene. Klicken Sie auf eine der Voreinstellungen und passen Sie bei Bedarf den Effekt „Animation beim Schweben“ an.
Lücke in der Bildergalerie

Die Galeriebilder können ähnliche Paletten und Farben haben und manchmal ist es schwierig, sie auf einer Webseite zu unterscheiden. Sie können den Abstand zwischen den Galeriebildern ganz einfach hinzufügen, indem Sie den Abstand im Eigenschaftsfenster vergrößern. Wählen Sie Ihre Galerie aus, gehen Sie dann zum Eigenschaftsfenster rechts und ziehen Sie den Schieberegler der Gap-Eigenschaft.

Kostenlose Vorlagen mit Bildergalerie-Element

Beginnen Sie mit unseren besten Vorlagen, die sich für jedes Unternehmen eignen. Erstellen und passen Sie sie mit unserem leistungsstarken und kostenlosen Website-Builder ohne Code an. Alle Vorlagen sind mobilfreundlich und sehen auf jedem Gerät hervorragend aus.

How To Change The Gallery Layout

This feature enables the gallery's transformation into a slider similar to the CSS grid image gallery. HTML, CSS, and js are not required to create a Carousel from the image gallery (photo gallery). Like the CSS image modern gallery examples, click on and convert your grid image element to the slider with captions. You can click on the grid image element, find it in the property panel layout settings, and choose the needed design. As you can modify the CSS gallery with images, you can also change the (without CSS) grid gallery. You can transform the responsive photo gallery grid element in the slider in several clicks. Like the CSS image gallery, sliders made on Nicepage are ideal for attracting new visitors. Many people think that a gallery with CSS vars is more beautiful, but with Nicepage (like the CSS grid layout), you are also perfect design.

One of the trending features of modern web design is a gallery and the pure CSS responsive gallery examples we see everywhere. A photo gallery (grid) is the simplest and most convenient feature for presenting individual and interesting web content. This feature allows you to manage, modify, and edit the transformable element fully. Like the CSS responsive gallery, you can create a photo gallery grid and lightbox element with this feature. So, the responsive CSS image gallery layout created using CSS makes your site wonderful, such as you can make with Nicepage. Make (without CSS) image galleries similar to the responsive CSS image (photo) gallery and don't use the HTML, CSS, and js. As the pure CSS image gallery and the hover effect makes your site more interactive, get this effect and create (without HTML) the modern reflective photo gallery with this feature.

The pure CSS image gallery has an ideal design for the site, and the Image galleries made on Nicepage are great. The photo collages grid with lightbox and the CSS Grid layout elements make the site more dynamic. So, like them and the gallery with CSS grid elements, galleries on Nicepage are easily transformable CSS image galleries. The CSS grid flexbox galleries are ideal for every site, and you can make galleries like them with Nicepage. So, customize even your CSS image gallery, off-canvas grid gallery, and the gritty grid gallery. Like the different pure CSS image gallery elements showcase the works you can with the Nicepage slider. There is no need to create a responsive and colorful image gallery with CSS. So, you can also use on the portfolio gallery (without CSS) the hover effect. As the CSS Image galleries, the responsive photo gallery grid (without lightbox) can enhance your design, and such can Nicepage.

Company
Product
Themes & Templates
Nicepage
Web Design