Room Gallery / 3D Image Carousel / Resposive Slider / JS / jQuery / React / SASS
Room Gallery / 3D Image Carousel / Resposive Slider / JS / jQuery / React / SASS

Room Gallery / 3D Image Carousel / Resposive Slider / JS / jQuery / React / SASS

by Developer
  • Uploaded : 02nd April 2024
  • Views : 18
Overview :
Room Gallery

We present an extraordinary product that will revolutionize the way art is presented and take your users on a journey through a real gallery.

If you’re looking for a way for your website to reflect the atmosphere of your institution or wondering how to capture the attention of your audience for your creativity, Room Gallery is the perfect choice.
Top active searches related to

It provides unlimited customization possibilities. Super easy to implement in any CMS system or framework

  • Pick one of the three ways to work with the gallery: Vanilla JS / jQuery / React
  • Using Vanilla JS:

  • Attach the JS gallery-room library to your document head
  • Add an ID to your body tag, for example: div
  • Select your images (img) in the body using JS Query Selector
  • Create a gallery object and initialize it (just one line of code)
  • All of this in 4 lines of code
  • We include 3 examples of use to make it even easier!

    Key Features
    • Change wall, ceiling, and floor colors

    • Add your own textures and customize the gallery to meet your needs

    • Determine the content of each wall segment (object) and place any HTML content on it

    • Source code of the React.js component is included for easy extension during development

    Technical Details
    • Fully adapted to modern browsers, responsive, and fast

    • Based on proven CSS animation technologies and CSS variables

    Package Contents
    • NPM package files (package.json) for installing the component in your JavaScript application

    • Source code of the React.js component with styles in SASS (SCSS) that you can modify as needed

    • A library in pure JavaScript if you’re not using React

    • jQuery plugin if you use jQuery on your site

    • Ready-made implementation and settings examples

    • Access to configuration at different levels, such as JavaScript settings, JavaScript style, JavaScript events, JavaScript callback, CSS variables, SASS variables

    Customization Options
    • Three options for providing image data to the gallery: a JSON file with links and descriptions, a promise function, or specifying image tags on the target page

    • Dark mode settings

    • Backgrounds and colors of walls, ceiling, and floor for each mode

    • Three styles for arrows and buttons, with the option to upload your own

    • Three styles for pagination, including thumbnails

    • Description, title, and content of each wall segment in the gallery, including videos and your own HTML code

    • In the case of using the React.js component, the possibility of implementing any reactive content on the wall segment

    How it works

    Go to Live Preview

    See how Room Gallery looks live and in screenshots.

    durning animation

    walls customization

    dark mode

    navigation style

    on mobile device


    Searches related to:

    Show Full Overview

    Click To View All

    Have a question? Start free consultation with Developer

    Buy source code or get fully functional live project at low cost
    Need customisation/modification services? Hire a developer starting from $25 USD minimum.
    Get free consultation and quote with no obligation.

    Start Free Consultation
    Average reply time 15mins to 1hr

    Sponsored Links

    Add Your Link Here for FREE

    Linux VPS Free No Credit Card as of 2024, some top hosting providers offering free linux vps hosting without a credit card requirement are kamatera, cloudways, vultr.

    Alternative of Codecanyon accelerate software development with ready-to-use source code. earn recurrent revenue by selling your own source code..

    Buying Gold: A Comprehensive Guide Welcome To Our Guide On Buying Gold. Gold Has Been A Valuable Asset For Centuries And Has Stood The Test Of Time As A Reliable Investment. In This Article, We Will....

    10 FREE Web Scrapers That You Cann. we present a list of the best 10 free web scraping tools for windows, mac, browser extensions, etc. for your reference..

    Free Dedicated Server | Get a Free free dedicated servers give your businesses an unmatched level of security and control. enjoy the latest hardware and top performance with hour..

    Add Your Link Here for FREE

    Related Job Posts

    Post A Job & Hire Developer

    Who is capable of extracting the source code from TradingView and customize my trading algorithm. C Programming,PHP,Software Architecture,Java,Algorithm.

    Daily News Articles Scraping and Database Updates Web Scraping,PHP,Data Mining,MySQL,Data Entry.

    Modern Restaurant Sketch Design Graphic Design,Interior Design,Illustration,3D Modelling,3D Rendering.

    Energetic Gaming Channel Intro/Outro Creation Animation,Video Services,Audio Services,Video Editing,3D Design.

    HTML5,CSS3,jQuery.

    Post A Job & Hire Developer

    FAQs :

    To ensure the quality and safety of the item, you should thoroughly check overview description, demo, comments and read reviews from previous buyers if available. Initial support is available with each item & please check developer refund policy.

    The process for getting support is easy after buying item you can directly get support from developer through ticketing system, support ticket is replied by the developer & reply time will vary depending on the developer. Typically, you can contact the customer support through a support ticket system. Developer should be able to help you with any technical issues or questions you have about the item.

    If you are not satisfied with the code you purchased, you should first try contacting the developer to see if they can provide assistance or a resolution. If you are still not satisfied, please check developer refund policy.

    A refund request may be denied if the code has already been used or modified, or if it has been longer than the platform's refund period (please check developer refund policy). Additionally, refunds may be denied if the issue with the code is due to user error or if the code has been intentionally modified or altered by the user.

    Payment options when buying item will be typically, payment options can include credit/debit cards, PayPal, Razorpay, and other payment gateways.

    Customisation is additional and subject to developer time availablity. So please ask the developer & confirm before making any purchase. Click on Request Customisation button below Buy Now Button or below Request Quote button.

    We provide support to each clients by ticketing system with 100% guarantee reply, only for the period as per support plan terms. Support reply is one after one basis it means you may receive reply in 5minutes or it may take 24-48 hrs, its totally depending upon work load and support queue. And if your query requires testing/checking then it may take additional time.
    Recent Reviews
    Comments :
    Leave A Comment :

    Only registered member can share comment.

    Recent Comments :
    Support :

    Our verified developers are dedicated to provide best guaranteed support reply by ticketing system. We have been providing ticket support reply to each of our registered clients since 2017 and our estimate reply time is 24/72 hrs, also know it may take additional time if your query requires testing/checking by a developer.

    Departments (100% gurantee ticket reply, as ticket is manually solved by developer)

    See all previous tickets & running tickets

    As support is provided by ticketing system, you can check previous tickets or existing running tickets.