Tag: image gallery

Proposal For Update in Image gallery Enhancement

Proposal Summary This proposal covers the update in the image gallery enhancement in the PDP page.  Requirement  The PDP image gallery section needs to be upgraded by adding the extra features mentioned below.   The PDP’s main image needs to have arrows to scroll the images.  The main image needs to be expanded and displayed on… Continue reading Proposal For Update in Image gallery Enhancement

PROPOSAL FOR ENHANCE IMAGE GALLERY IN PDP

Proposal Summary  This proposal covers the enhancement of image gallery section in the PDP page by implementing thumbnail scrolling functionality. So that the thumbnail images in the image gallery do not expand the main image. Each thumbnail will appear in the main gallery when we click on it.  Requirement  The image gallery section in the… Continue reading PROPOSAL FOR ENHANCE IMAGE GALLERY IN PDP

Bootstrap to display Multiple image 4 image in each row.

Scenario  if we want to add multiple responsive image, 4 image in each row with the help of bootstrap we can cosider the below code Solution <div class=”container”>    <div class=”row”> <div class=”col-md-3?>   <img src=”image1.jpg” alt=”Image 1? class=”img-fluid”>   </div>        <div class=”col-md-3?>       <img src=”image2.jpg” alt=”Image 2? class=”img-fluid”>   </div>   <div class=”col-md-3?>  <img src=”image3.jpg” alt=”Image 3? class=”img-fluid”> </div>    <div… Continue reading Bootstrap to display Multiple image 4 image in each row.

Responsive image Grid

Responsive Image grid built with Bootstrap 5. Bootstrap image grid is a simple construction that allows you to create a responsive layout for your images. For create the image grid, we have to use .row and .col to create a grid. So, to create the layout you want, create a container (<div class=”container”>). Next, create a row (<div class=”row”>).… Continue reading Responsive image Grid