Add Photo Gallery to Mobile Website

  • Knowledge Base
  • Mobile Website Builder
  • Add Photo Gallery to Mobile Website
  • Duda Support > Mobile Website Builder > Editing a Site

Overview

Got lots of photos to share with your site visitors?  Put your photos into a gallery which automatically generates and displays thumbnails of your images.

Please note that the images in photo galleries do not auto-sync when the desktop site is changed.

Add Photo Gallery

  1. From the pages section of the DudaMobile editor, first choose the page you'd like your photo gallery to display on.
  2. Go to the Content section and select the design tab.
  3. Drag the photo gallery feature into the editing frame.
  4. Once you've placed the feature, you'll need to designate a set of images to display.

Select Images

The photo gallery feature can draw images from a number of sources as indicated by the tabs when you select the add image button in the image editing pane.

  • From Site: The images on this tab have been automatically copied from your desktop site.
  • Facebook: The images on this tab have been automatically copied from your facebook page.
  • Gallery: These images are generic images we've collected for anyone to use.
  • Uploaded: These images have been uploaded by you; you can upload additional images by pressing the Upload button. We support PNG, JPG, and GIF filenames.
  • By URL: You can link directly to any image on the internet by using this feature. Simply right-click an image and select copy image URL in your browser. Some images may be copyrighted or have copy protection, and so will not display or will display differently here.

Design

Each Photo Gallery element has the following display options:

General Change the title's text and color, add new images, delete images, crop images or add alternate text to images by hovering over each individual image and pressing the appropriate button.
Design

Thumbnails: 

  • Layout: Change the Photo Gallery's layout and visible rows, and toggle whether thumbnails have padding between them.
  • Border: Change the gallery thumbnail's border color and size.
  • Shape: Change the gallery thumbnail's shape and toggle whether they have shadows.

Title: Set the gallery's background color and text style as well as the color and border size of its divider.

Background

Color: Change the gallery's background color, image, and border.

Text Style: Change the gallery's shape and toggle whether it has a shadow.

More

Spacing: Set the height and margin of the element.

CSS: Change the element's CSS.

HTML: Change the element's HTML.

 

×

Priority Phone Support

English phone support is available 18 hours a day,
Monday through Friday, 3am to 9pm (EST).

United States +1 866-776-1550 3am to 9pm (Eastern)
United Kingdom +44 (0)800-011-9071 8am to 2am (London)
France +33 (0)9-75-18-84-74 9am to 3am (Paris)
Israel +972 (0)3-720-8922 10am to 4am (Jerusalem)
Australia +61 (0)2-8880-9166 7pm to 1pm (Sydney)
To schedule a call in French, Portuguese, Hebrew or Russian, please email us at prioritysupport@duda.co
×

Please Log in as a DudaPro

Priority Phone Support is available exclusively to DudaPros. Log in to your DudaPro account now to see our international support numbers.

Log In
Not a DudaPro? Start a free trial now!