Skip to main content
Magento

Return to Answer

added 21 characters in body
Source Link
Kishor Thummar
Kishor Thummar
  • 3k
  • 1
  • 10
  • 18

Please update your image html with below code.

<div class="mySlides fade">
  <div class="numbertext">1 / 3</div>
  <img src="<?= $block->getViewFileUrl('image1'images/image1.jpg') ?>" style="width:100%" alt="image1">
  <div class="text">Caption Text</div>
</div>

<div class="mySlides fade">
  <div class="numbertext">2 / 3</div>
  <img src="<?= $block->getViewFileUrl('image2'images/image2.jpg') ?>" style="width:100%" alt="image2">
  <div class="text">Caption Two</div>
</div>

<div class="mySlides fade">
  <div class="numbertext">3 / 3</div>
  <img src="<?= $block->getViewFileUrl('img_mountains_wide'images/img_mountains_wide.jpg') ?>" style="width:100%">
  <div class="text">Caption Three</div>
</div>

Also you have to upload this images files in

app/design/[Vendor_Theme]/[Theme_Name]/web/images

Hope it will work for you.

Please update your image html with below code.

<div class="mySlides fade">
  <div class="numbertext">1 / 3</div>
  <img src="<?= $block->getViewFileUrl('image1.jpg') ?>" style="width:100%" alt="image1">
  <div class="text">Caption Text</div>
</div>

<div class="mySlides fade">
  <div class="numbertext">2 / 3</div>
  <img src="<?= $block->getViewFileUrl('image2.jpg') ?>" style="width:100%" alt="image2">
  <div class="text">Caption Two</div>
</div>

<div class="mySlides fade">
  <div class="numbertext">3 / 3</div>
  <img src="<?= $block->getViewFileUrl('img_mountains_wide.jpg') ?>" style="width:100%">
  <div class="text">Caption Three</div>
</div>

Also you have to upload this images files in

app/design/[Vendor_Theme]/[Theme_Name]/web/images

Hope it will work for you.

Please update your image html with below code.

<div class="mySlides fade">
  <div class="numbertext">1 / 3</div>
  <img src="<?= $block->getViewFileUrl('images/image1.jpg') ?>" style="width:100%" alt="image1">
  <div class="text">Caption Text</div>
</div>

<div class="mySlides fade">
  <div class="numbertext">2 / 3</div>
  <img src="<?= $block->getViewFileUrl('images/image2.jpg') ?>" style="width:100%" alt="image2">
  <div class="text">Caption Two</div>
</div>

<div class="mySlides fade">
  <div class="numbertext">3 / 3</div>
  <img src="<?= $block->getViewFileUrl('images/img_mountains_wide.jpg') ?>" style="width:100%">
  <div class="text">Caption Three</div>
</div>

Also you have to upload this images files in

app/design/[Vendor_Theme]/[Theme_Name]/web/images

Hope it will work for you.

Source Link
Kishor Thummar
Kishor Thummar
  • 3k
  • 1
  • 10
  • 18

Please update your image html with below code.

<div class="mySlides fade">
  <div class="numbertext">1 / 3</div>
  <img src="<?= $block->getViewFileUrl('image1.jpg') ?>" style="width:100%" alt="image1">
  <div class="text">Caption Text</div>
</div>

<div class="mySlides fade">
  <div class="numbertext">2 / 3</div>
  <img src="<?= $block->getViewFileUrl('image2.jpg') ?>" style="width:100%" alt="image2">
  <div class="text">Caption Two</div>
</div>

<div class="mySlides fade">
  <div class="numbertext">3 / 3</div>
  <img src="<?= $block->getViewFileUrl('img_mountains_wide.jpg') ?>" style="width:100%">
  <div class="text">Caption Three</div>
</div>

Also you have to upload this images files in

app/design/[Vendor_Theme]/[Theme_Name]/web/images

Hope it will work for you.