Skip to content

the smaller images appear below the main image, it resembles a thumbnail slider, where users can click on a thumbnail to view the larger version. This is a popular design for e-commerce websites and product showcases.

License

Notifications You must be signed in to change notification settings

jishnuAVijayan012/my-react-slider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

image

React Image Slider


This project is a simple React Image Slider using the my-react-image-slider-jav package.
It displays product images in a slider format.

Installation

First, install the required package using npm:

npm install my-react-image-slider-jav

Usage
Import and use the ImageSlider component in your React application:
import React from 'react'

import { ImageSlider } from 'my-react-image-slider-jav';

const App = () => {

  const productData = {

    name: "Nike Air Max",

    images: [

      "https://fadzrinmadu.github.io/hosted-assets/product-detail-page-design-with-image-slider-html-css-and-javascript/shoe_1.jpg",

      "https://fadzrinmadu.github.io/hosted-assets/product-detail-page-design-with-image-slider-html-css-and-javascript/shoe_2.jpg",

      "https://fadzrinmadu.github.io/hosted-assets/product-detail-page-design-with-image-slider-html-css-and-javascript/shoe_3.jpg",

      "https://fadzrinmadu.github.io/hosted-assets/product-detail-page-design-with-image-slider-html-css-and-javascript/shoe_4.jpg",

    ],

  };

  return (

    <div className="App">

      <ImageSlider images={productData.images} />

    
    </div>

  );

}


export default App;

Features
Simple and lightweight image slider
Easy integration with React
Supports multiple images
License
This project is licensed under the MIT License.


Author
JISHNU A VIJAYAN

---

About

the smaller images appear below the main image, it resembles a thumbnail slider, where users can click on a thumbnail to view the larger version. This is a popular design for e-commerce websites and product showcases.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published