can you make the slider which is represented by the following code look like the image instead I e rearrange the side images Thanks in advance Also can you make it mobile responsive Thank you code box sizing border box html,body,div, font family norwester important container123 position relative Slides3rd display none pre32, nxt32 cursor pointer position absolute top 3vh width auto padding 16px color white font weight bold font size 20px user select none webkit user select none background color grey text decoration none nxt32 left 60px pre32 hover, nxt32 hover background color rgba(0, 0, 0, 0 8) background color grey img container321 position relative width 100 image3rd display block width 100 height auto overlay321 position absolute bottom 0 left 100 right 0 background color 6f4e37 overflow hidden width 0 height 100 transition 5s ease img container321 hover overlay321 width 100 left 0 edit text here text321 color white font size 20px position absolute top 50 left 50 webkit transform translate( 50 , 50 ) ms transform translate( 50 , 50 ) transform translate( 50 , 50 ) white space nowrap hover32 hover cursor pointer Zest Coffee Blackbird English Toffee, Apricot, Caramelised Orange and Malt Chocolate Corcovado Milk Chocolate, Caramel, Hazelnut and Butterscotch African Mailman English Toffee, Apricot, Caramelised Orange and Malt Chocolate Libertango Caramel Fudge, Cashew, Red Nectarine, and Apricot Jam var slideIndex321 1 showSlides123(slideIndex321) nxt preious controls function moveSlides2(n) showSlides123(slideIndex321 n) function currentSlide321(n) showSlides123(slideIndex321 n) function showSlides123(n) var i var slides document getElementsByClassName( Slides3rd ) if (n slides length) slideIndex321 1 if (n Frame 29 Frame 30 name name name o name name Siltle Htay COME SOSTEN Little Jtaly ORA ESPRESSO name ORA ESPRESSO name name

The Answer is in the image, click to view ...

Answered step by step

Verified Expert Solution

Link Copied!

Question

1 Approved Answer

Posted on Sep 06, 2024

can you make the slider which is represented by the following code look like the image instead? I.e. rearrange the side images? Thanks in advance!

can you make the slider which is represented by the following code look like the image instead? I.e. rearrange the side images? Thanks in advance! Also can you make it mobile responsive? Thank you!

image text in transcribed

code:

Zest Coffee

Blackbird

English Toffee, Apricot, Caramelised Orange and Malt Chocolate

Corcovado

Milk Chocolate, Caramel, Hazelnut and Butterscotch

African Mailman

English Toffee, Apricot, Caramelised Orange and Malt Chocolate

Libertango

Caramel Fudge, Cashew, Red Nectarine, and Apricot Jam

❮ ❯

// nxt/preious controls function moveSlides2(n) { showSlides123(slideIndex321 += n); }

function currentSlide321(n) { showSlides123(slideIndex321 = n); } function showSlides123(n) { var i; var slides = document.getElementsByClassName("Slides3rd"); if (n > slides.length) {slideIndex321 = 1} if (n

Frame 29 Frame 30 name | name name o name name Siltle Htay COME SOSTEN Little Jtaly ORA ESPRESSO name ORA ESPRESSO name name