Pessoal, boa noite! Preciso criar uma galeria de fotos simples para um projeto. Tentei usar o código abaixo, no entanto, näo sei pq não funciona quando levo para o meu projeto. Somente me mostra a primeira imagem quando levo para meu projeto, sem aplicar o css , nem o js. Se alguem tiver um código de sugestão para esse projeto também aceito, rs. Estou tentando fazer uma galeria de fotos para um site de Arquitetura onde tem o título do projeto com as fotos disponíveis para visualização com setas. JS ``` var slideIndex = 1; showSlides(slideIndex); // Next/previous controls function plusSlides(n) { showSlides(slideIndex += n); ga('send', 'event', 'galeria', 'next_prev', 'Titulo da página'); } // Thumbnail image controls function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); if (n > slides.length) { slideIndex = 1 } if (n < 1) { slideIndex = slides.length } for (i = 0; i < slides.length; i++) { slides*.style.display **=** **"**none**"**;** * ``` * * * ** }** * * * * ** slides[slideIndex **-** **1**].style.display **=** **"**block**"**;** * * * * **}** * * * * ** CSS * * ** * * * * * * **form**{** * * * * ** **font-size**:** **16**px**;** * * * * ** **background**:** **#CCC**;** * * * * ** **max-width**:** **500**px**;** * * * * ** **margin**:** **0** **auto**;** * * * * ** **padding**:** **0** **10**px** **10**px** **10**px**;** * * * * ** **border-radius**:** **5**px**;** * * * * **}** * * * * **h1**{** * * * * ** **color**:** **#333**;** * * * * ** **text-align**:** **center**;** * * * * ** **font-size**:** **50**px**;** * * * * **}** * * * * **input**,** textarea**{** * * * * ** **width**:** **470**px**;** * * * * ** **padding**:** **10**px**;** * * * * **}** * * * * **.enviar** input**{** * * * * ** **background**:** **#069**;** * * * * ** **height**:** **40**px**;** * * * * ** **width**:** **150**px**;** * * * * ** **font-weight**:** **bold**;** * * * * ** **border-radius**:** **5**px**;** * * * * ** **border**:** **1**px** **solid**;** * * * * ** **color**:** **#FFF**;** * * * * ** **cursor**:** **pointer**;** * * * * **}** * * * * **.enviar** input**:**hover**{** * * * * ** **background**:** **#078**;** * * * * **}** * * * * **textarea**{** * * * * ** **width**:** **470**px**;** * * * * ** **height**:** **120**px**;** * * * * ** **line-height**:** **20**px**;** * * * * **}** * * * * ** * * ** HTML * * ** * * * * * * **<**section** **class**=**"**wrap**"**>** * * * * ** <**div** **class**=**"**mySlides fade**"**> **** * * * * ** <**div** **class**=**"**numbertext**"**>01 / 05** * * * * ** <**img** **class**=**"**imgslide**"** **src**=**"**novo_projeto/assets/Casa_R_e_k/FRONTAL2.jpeg**"** **alt**=**"**Fronta 2**"**/>** * * * * ** <**div** **class**=**"**text**"**>CASA R E K ** * * * * ** ** * * * * ** <**div** **class**=**"**mySlides fade**"**> **** * * * * ** <**div** **class**=**"**numbertext**"**>02 / 05** * * * * ** <**img** **class**=**"**imgslide**"** **src**=**"**novo_projeto/assets/Casa_R_e_k/LATERAL 2.jpeg**"** **alt**=**"**LATERAL 2**"**/>** * * * * ** <**div** **class**=**"**text**"**>CASA R E K** * * * * ** ** * * * * ** <**div** **class**=**"**mySlides fade**"**> **** * * * * ** <**div** **class**=**"**numbertext**"**>03 / 05** * * * * ** <**img** **class**=**"**imgslide**"** **src**=**"**novo_projeto/assets/Casa_R_e_k/LATERAL 4.jpeg**"** **alt**=**"**LATERAL 4**"**/>** * * * * ** <**div** **class**=**"**text**"**>CASA R E K** * * * * ** ** * * * * ** <**div** **class**=**"**mySlides fade**"**> **** * * * * ** <**div** **class**=**"**numbertext**"**>04 / 05** * * * * ** <**img** **class**=**"**imgslide**"** **src**=**"**novo_projeto/assets/Casa_R_e_k/LATERAL 6.jpeg**"** **alt**=**"**LATERAL 6**"**/>** * * * * ** <**div** **class**=**"**text**"**>CASA R E K** * * * * ** ** * * * * ** <**div** **class**=**"**mySlides fade**"**> **** * * * * ** <**div** **class**=**"**numbertext**"**>05 / 05** * * * * ** <**img** **class**=**"**imgslide**"** **src**=**"**novo_projeto/assets/Casa_R_e_k/LATERAL 7.jpeg**"** **alt**=**"**LATERAL 7**"**/>** * * * * ** <**div** **class**=**"**text**"**>CASA R E K** * * * * ** ** * * * * ** **** * * * * ** **** * * * * ** <**a** **class**=**"**prev**"** **onclick**=**"**plusSlides**(**-**1**)"**>**❮**** * * * * ** <**a** **class**=**"**next**"** **onclick**=**"**plusSlides**(**1**)"**>**❯**** * * * * ** ** * * ** * * *

Marcelo Mariniello Coelho

Galeria de fotos

Linha no html