Chiedo scusa per la domanda da Neofita (la mia ignoranza è ancora tanta), sto cercando di creare una pagina che recupera i dati dal database mdb di alcuni veicoli, allo stesso tempo vorrei far visualizzare le immagini uploadate sulla cartella mdb-database e visualizzarle su vari slideshow nella pagina.
Ciò che mi succede è che lo slideshow sposta le immagini solo nell'ultimo riquadro.
Sono diversi giorni che cerco di sistemarlo, sono nel pallone... (AIUTO...)
Questo è il mio codice :
<%
if rs.EOF then
response.write "Nessun annuncio inserito.<BR><BR>"
else
rs.MoveFirst
do while not rs.eof
Response.write("<div><div style='float:left;'><div style='font-size:28px;color:Orange;'>" & rs.Fields("Marca_Modello") & "</div><hr><div>Immatricolazione : <b>" & rs.Fields("Anno_Imm") & "</B>")
Response.write("<BR>Km percorsi : <b>" & rs.Fields("Chilometraggio") & "</b><BR>Carburante : <b>" & Rs.Fields("Carburante") & "</b>")
Response.write("<BR>Classe Emissioni : <b><i>" & Rs.Fields("Classe_Emissioni") & "</i></b><BR>Potenza : <b><i>" & rs.Fields("Potenza") & " </i></b><BR>")
Response.write("Tipo di cambio: <i><b>" & Rs.Fields("Cambio") & "</b></i><BR>")
Response.write("Colore Interni: <i><b>" & Rs.Fields("Colore_Interni") & "</b></i></div></Div>")
Response.write("<div style='background-color:#FFCC33; padding:30px; margin:3px; border: solid 1px black; border-radius:15px; webkit-border-radius:15px; moz-border-radius:15px; float:right; margin-top: 25px'><div style='font-size:36px;color:RED;'>")
Response.write("<b> € " & Rs.Fields("Prezzo") & "</b><BR></DIV><p align='right'>+ p.p.</P></div><div style='clear:both;'></DIV></DIV>")
Response.Write("<HR>")
Response.write("<STYLE type='text/css'> ." & Rs.Fields("Nome") & " {display: none} img {vertical-align: middle;} ." & Rs.Fields("Nome") & "-slideshow-container { max-width: 800px; position: relative; margin: auto; } ")
Response.write("." & Rs.Fields("Nome") & "-prev, ." & Rs.Fields("Nome") & "-next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } ")
Response.write("." & Rs.Fields("Nome") & "-next { right: 0; border-radius: 3px 0 0 3px; } ")
Response.write("." & Rs.Fields("Nome") & "-prev:hover, ." & Rs.Fields("Nome") & "-next:hover { background-color: rgba(0,0,0,0.8); } ")
Response.write(".text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } ")
Response.write(".numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } ")
Response.write("." & Rs.Fields("Nome") & "-dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } ")
Response.write("." & Rs.Fields("Nome") & "-active, ." & Rs.Fields("Nome") & "-dot:hover { background-color: #717171; } ")
Response.write("." & Rs.Fields("Nome") & "-fade { -webkit-animation-name: " & Rs.Fields("Nome") & "-fade; -webkit-animation-duration: 1.5s; animation-name: " & Rs.Fields("Nome") & "-fade; animation-duration: 1.5s; } ")
Response.write("@-webkit-keyframes " & Rs.Fields("Nome") & "-fade { from {opacity: .4} to {opacity: 1} } ")
Response.write("@keyframes " & Rs.Fields("Nome") & "-fade { from {opacity: .4} to {opacity: 1} } ")
response.write("@media only screen and (max-width: 300px) { ." & Rs.Fields("Nome") & "-prev, ." & Rs.Fields("Nome") & "-next,.text {font-size: 11px} } ")
Response.write("</STYLE>")
Response.write("<div class='" & Rs.Fields("Nome") & "-slideshow-container'> <div class='" & Rs.Fields("Nome") & " " & Rs.Fields("Nome") & "-fade'><div class='numbertext'>1 / 4</div> ")
Response.write("<A Href='/mdb-database/" & Rs.Fields("Foto1") & "' target='" & Rs.Fields("Nome") & "'><Img Src='/mdb-database/" & Rs.Fields("Foto1") & "' width='800' height='600' alt='Foto principale'></A>")
Response.write("<div class='text'>" & Rs.Fields("Marca_Modello") & " - Foto Principale</div></div>")
Response.write("<div class='" & Rs.Fields("Nome") & " " & Rs.Fields("Nome") & "-fade'><div class='numbertext'>2 / 4</div> ")
Response.Write("<A Href='/mdb-database/" & Rs.Fields("Foto2") & "' target='" & Rs.Fields("Nome") & "'><Img Src='/mdb-database/" & Rs.Fields("Foto2") & "' width='800' height='600' alt='Foto vista laterale del veicolo'></A>")
Response.write("<div class='text'>" & Rs.Fields("Marca_Modello") & " - Vista laterale del veicolo</div></div>")
Response.write("<div class='" & Rs.Fields("Nome") & " " & Rs.Fields("Nome") & "-fade'><div class='numbertext'>3 / 4</div>")
Response.Write("<A Href='/mdb-database/" & Rs.Fields("Foto3") & "' target='" & Rs.Fields("Nome") & "'><Img Src='/mdb-database/" & Rs.Fields("Foto3") & "' width='800' height='600' alt='Foto vista del retro del veicolo'></a>")
Response.write("<div class='text'>" & Rs.Fields("Marca_Modello") & " - Vista del retro veicolo</div></div>")
Response.write("<div class='" & Rs.Fields("Nome") & " " & Rs.Fields("Nome") & "-fade'><div class='numbertext'>4 / 4</div> ")
Response.Write("<A Href='/mdb-database/" & Rs.Fields("Foto4") & "' target='" & Rs.Fields("Nome") & "'><Img Src='/mdb-database/" & Rs.Fields("Foto4") & "' width='800' height='600' alt='Foto principale'></A>")
Response.write("<div class='text'>" & Rs.Fields("Marca_Modello") & " - Vista degli interni veicolo</div></div>")
Response.write("<a class='" & Rs.Fields("Nome") & "-prev' onclick='" & Rs.Fields("Nome") & "plusSlides(-1)'>❮</a> <a class='" & Rs.Fields("Nome") & "-next' onclick='" & Rs.Fields("Nome") & "plusSlides(1)'>❯</a></Div>")
Response.write("<br> <div style='text-align:center'> <span class='" & Rs.Fields("Nome") & "dot' onclick='" & Rs.Fields("Nome") & "currentSlide(1)'></span> <span class='" & Rs.Fields("Nome") & "dot' onclick='" & Rs.Fields("Nome") & "currentSlide(2)'></span> <span class='" & Rs.Fields("Nome") & "dot' onclick='" & Rs.Fields("Nome") & "currentSlide(3)'></span> <span class='" & Rs.Fields("Nome") & "dot' onclick='" & Rs.Fields("Nome") & "currentSlide(4)'></span></div> ")
Response.write("<script> var slideIndex = 1; showSlides(slideIndex); function " & Rs.Fields("Nome") & "plusSlides(n) { showSlides(slideIndex += n); } ")
Response.write("function " & Rs.Fields("Nome") & "currentSlide(n) { showSlides(slideIndex = n); } ")
Response.write("function showSlides(n) { var i; var slides = document.getElementsByClassName('" & Rs.Fields("Nome") & "'); var dots = document.getElementsByClassName('" & Rs.Fields("Nome") & "dot'); ")
response.write("if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = 'none'; } ")
Response.write("for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace('-active', ''); } ")
Response.write("slides[slideIndex-1].style.display = 'block'; dots[slideIndex-1].className += '-active'; } </script>")
Response.write("<div>" & Rs.Fields("Descrizione") & "</Div><BR><HR><BR>")
rs.MoveNext
loop
end if
rs.Close
set rs = Nothing
conn.Close
set conn = Nothing
%>
potreste suggerirmi come personalizzarlo?
