Webhash Docs
  • Welcome to Webhash
  • Getting Started with Webhash
  • Building Your Decentralized Website with Webhash
  • How to Edit Every Component on Your Website?
    • Standard Blocks: The Foundation of Your Website
      • Avatar👨🏻‍🦰
      • Heading 🅰️
      • Paragraph📝
      • Links🔗
      • Image 🖼️
      • Social #️⃣
      • Image Grid 🌠
      • Divider ➗
      • List 📃
      • Big Link 🔗
      • Big Paragraph❡
      • Internal Big link
      • Header Image 🖼️
      • Internal Pages 📑
      • Audio 🔉
      • Video 🎥
      • File 📁
      • Call to action
      • Phone Collector 📞
      • PDF Document
    • Web3: Bringing web3 to your website
      • Farcaster
      • Namespace
      • EFP
    • Embeds: Bringing the Web to Your Website
      • SoundCloud ☁️
      • Spotify🎵
      • Youtube📽️
      • Twitch 🎮
      • Vimeo 📹
      • TikTok Video
      • Apple Music 
      • Twitter Profile
      • Twitter Tweet ✖️
      • Pinterest Profile
      • Instagram Media
      • Tiktok Profile
      • Typeform
      • Discord Server
      • Facebook Post🗨️
      • Reddit Post
    • Advanced Blocks: Power Up Your Website's Functionality
      • RSS Feed
      • Custom HTML </>
      • Vcard
      • Alert 🔔
      • FAQ
      • Countdown
      • External Item
      • Share 🔼
      • Youtube Feed 🎥
      • Timeline
      • Review ⭐⭐⭐
      • Image Slider 🖼️
      • Mark Down ✔️
    • Payment Blocks: Monetize Your Web3 Presence
      • Paypal 💵
      • Crypto Pay
  • Connecting to ENS & Web3 Domains: Your Website's Decentralized Address
  • FAQ's on Decentralized Websites
    • What are decentralized websites?
    • How are decentralized websites different from traditional websites?
    • Why should I consider using a decentralized website template?
    • How do I get started with a decentralized website?
    • Can I use my existing domain name with a decentralized website?
    • What are the advantages of using a web template for my decentralized website?
    • Are there any technical requirements or skills needed to use these templates?
    • How customizable are the web templates for decentralized websites?
    • Can I integrate features such as e-commerce or user authentication in my decentralized website using
    • The templates optimized for search engine visibility and performance?
    • Do you offer support or documentation for using the templates?
    • Are there any limitations or considerations I should be aware of when using decentralized
    • Can I use these templates with other blockchain platforms besides Ethereum?
    • What is Ethereum Name Service (ENS) and how does it relate to decentralized websites?
    • How to publish a page on IPNS or IPFS 🔗
Powered by GitBook
On this page
  1. How to Edit Every Component on Your Website?
  2. Advanced Blocks: Power Up Your Website's Functionality

Image Slider 🖼️

How to add the Image Slider block to your decentralised website

PreviousReview ⭐⭐⭐NextMark Down ✔️

Last updated 1 year ago

  • Add Image Slider Block:

    • Click on the "Add Block" button within the editor.

    • From the list of available blocks, select "Image Slider."

  • Submit:

    • A pop-up window will appear, featuring a "Submit" button.

    • Click the "Submit" button to add the image slider block to your chosen section.

  • Edit Image Slider:

    • After adding the block, you'll see an "Edit" option in the form of a drop-down at the right corner of the block.

    • Click on "Edit" to access the slider's settings and customization options.

  • Customize Slider Style:

    • Inside the editing mode, you can customize the slider's style, such as choosing between different styles available, setting the animation speed, and the duration of each slide.

  • Add Slider Images:

    • Within the editing mode, find the option to add images to the slider.

    • Click on the "Create" button to add images.

    • A pop-up will appear where you can upload or choose images from your device.

  • Save and Preview:

    • Once you've customized the slider settings and added images, save your changes.

    • Preview your website to see the image slider in action.

By following these steps, you can easily create a dynamic and engaging image slider or gallery on your decentralized website. This feature allows you to showcase multiple images in an interactive and visually appealing manner.

Remember to ensure that the images you use comply with copyright and licensing regulations.