Projektowanie i tworzenie stron internetowych, sklepy internetowe, szablony stron WWW, moduły stron internetowych oraz darmowe stron WWW.

    <!-- Treść strony -->
    <script src="compsoul.js"></script>
    <script src="gallery.js"></script>
    <script>
      new Gallery(".gallery-item").options({
        galleryClassContainer: "compsoul-gallery-container",
        galleryClassContent: "compsoul-gallery-content",
        galleryClassClose: "compsoul-gallery-close",
        galleryClassNext: "compsoul-gallery-next",
        galleryClassPrev: "compsoul-gallery-prev",
        galleryClassProgress: "compsoul-gallery-progress",
        galleryClassItem: "compsoul-gallery-item",
        galleryClassImage: "compsoul-gallery-image",
        galleryClassComment: "compsoul-gallery-comment",
        galleryClassZoom: "compsoul-gallery-zoom",
        galleryClassFullScreen: "compsoul-gallery-full-screen",

        thumbnailsClassContainer: "thumbnails-container",
        thumbnailsClassContent: "thumbnails-content",
        thumbnailsClassToggle: "thumbnails-toggle",
        thumbnailsClassShow: "thumbnails-show",
        thumbnailsClassImage: "thumbnails-image",

        classActive: "compsoul-active",
        classInactive: "compsoul-inactive",
        classNext: "compsoul-next",
        classPrev: "compsoul-prev",
        classFade: "compsoul-fade",
        classPast: "compsoul-past",
        classReady: "compsoul-ready",
        classResize: "compsoul-resize",
        classLoader: "compsoul-loader",
        classLoading: "compsoul-loading",
        classLoaded: "compsoul-loaded",
        classError: "compsoul-error",
        classZoom: "compsoul-zoom",
        classZoomOut: "compsoul-zoom-out",
        classOverflow: "compsoul-overflow",
        classDirectionNext: "compsoul-direction-next",
        classDirectionPrev: "compsoul-direction-prev",
        classPlay: "compsoul-play",
        classHidden: "compsoul-hidden",
        classUnset: "compsoul-unset",
        classDrag: "compsoul-drag",
        classDisorderly: "compsoul-disorderly",
        classLogo: "compsoul-logo",
        selector: selector,

        close: true,
        closeDelay: 200,
        next: true,
        prev: true,

        album: false,
        albumStart: 0,
        preload: true,
        counter: true,
        loop: true,
        zoom: true,
        zoomDelay: 400,
        overflow: true,
        hash: true,
        thumbnails: true,

        keyNext: ["ArrowRight", "d", "KeyD"],
        keyPrev: ["ArrowLeft", "a", "KeyA"],
        keyClose: ["Escape", "x", "KeyX"],
        keyCounter: ["Space"],
        keyThumbnails: ["t", "KeyT"],
        keyZoom: ["z", "KeyZ"],
        responsive: {
          400: {
            loop: false
          },
          800: {
            loop: true
          },
          1300: {
            loop: false
          }
        }
      }).init();
    </script>
  </body>
</html>