Purchase for only $9

on Codecanyon

Themes

Themes are more then just visual extensions, they also define additional features that the core of the ShowUp may not have.

  • Social

    Social theme of the ShowUp, simple but powerful.

    Complete list of options for this there can be found in the following table.

    <code>
    Theme name: social
    Name Default Description
    showImageCount true Set to true to show current image / total images in the upper left corner.
    showAutoplayButton true Set to true to show the autoplay button in the upper left corner.
    captionShowTitle true Set to true to show the title of the image. The title of the image is set in the data-title="" html attribute of the A tag that is linking to the image.
    captionShowDescription true Set to true to show the description of the image. The description of the image is set in the data-description="" html attribute of the A tag that is linking to the image.
    showThumbnails true Set to true to show thumbnail navigation.
    thumbnailsHeight 50 The height of the thumbnails in the navigation.
    thumbnailsSpacing 10 Space between adjacent thumbnails.
  • Default Theme

    Basic theme of the ShowUp, simple but powerfull.

    Complete list of options for this there can be found in the following table.

    <code>
    Theme name: default
    Name Default Description
    pauseOnHover true Set to true to pause the autoplay when the user goes over the box with the mouse.
    showImageCount true Set to true to show current image / total images in the upper left corner.
    showAutoplayButton true Set to true to show the autoplay button in the upper left corner.
    showThumbnails true Set to true to show thumbnail navigation.
    thumbnailsHeight 50 The height of the thumbnails in the navigation.
    thumbnailsSpacing 10 Space between adjacent thumbnails.
    captionShowTitle true Set to true to show the title of the image. The title of the image is set in the data-title="" html attribute of the A tag that is linking to the image.
    captionShowDescription true Set to true to show the description of the image. The description of the image is set in the data-description="" html attribute of the A tag that is linking to the image.
    captionFadeDuration 800 The time it takes the caption to fade in.
    borderRadius 8 The border radius for rounded appearance. Set to 0 to disable border radius.
    borderWidth 10 The border width.
  • Void

    This is the most minimalistic theme you can imagine...

    Complete list of options for this there can be found in the following table.

    <code>
    Theme name: void
    Name Default Description
    showImageCount true Set to true to show current image / total images in the upper left corner.
    showAutoplayButton true Set to true to show the autoplay button in the upper left corner.
    captionShowTitle true Set to true to show the title of the image. The title of the image is set in the data-title="" html attribute of the A tag that is linking to the image.
    captionShowDescription true Set to true to show the description of the image. The description of the image is set in the data-description="" html attribute of the A tag that is linking to the image.
    showThumbnails true Set to true to show thumbnail navigation.
    thumbnailsHeight 50 The height of the thumbnails in the navigation.
    thumbnailsSpacing 10 Space between adjacent thumbnails.