Jump to content

ladytf

Members
  • Content Count

    19
  • Joined

  • Last visited

Community Reputation

0 Neutral

About ladytf

  • Rank
    Newbie
  1. ladytf

    style tag <figure>

    i already try that but no success
  2. ladytf

    style tag <figure>

    hello, i don't find a any topic about this, so i'm start this one. i'm using a tag figure and the figcaption, but i have multiple imagens with a legend each one. when i do this the images apears one after another in a second line and i like to do all in same line. what i need to change? apologize my english i don't write very well, and what i know about code i learn alone
  3. ok, in that case i will change how i have my page. this code u give is to put the little imgens on right and left the big one instaed the bottom?? i'm making more than one slideshow, this with the little and big images is one, and the question i do for the one in table is another one.
  4. ahh ok, in that don't understand that........ once again, thank u is possible lhe little imgens stays on right and left the big one instaed the bottom? ------------------------------------------------------------------------------------------------------------------------------------ another question, isn't possible put a slideslow inside a table?? i'm trying but the images doesn't apear....
  5. thank now works but the onclick doesn't work anymore... i have the slide write like this: <div style="max-width:500px"> <img class="mySlides" src="images/assets/bussoloceano (5).jpg" style="width:100%"> <img class="mySlides" src="images/assets/bussoloceano (6).jpg" style="width:100%"> <img class="mySlides" src="images/assets/bussoloceano (7).jpg" style="width:100%"> <img src="images/assets/bussoloceano (5).jpg" style="width:30%" onclick="currentDiv(1)"> <img src="images/assets/bussoloceano (6).jpg" style="width:30%" onclick="currentDiv(2)"> <img src="images/assets/bussoloceano (7).jpg" style="width:30%" onclick="currentDiv(3)"> </div>
  6. i have a external javascript file, i already put what u say but nothing changes. what i'm doing wrong? var slideIndex = 1; showDivs(slideIndex); window.onload=function() { showDivs(slideIndex); } function plusDivs(n) { showDivs(slideIndex += n); } function currentDiv(n) { showDivs(slideIndex = n); } function showDivs(n) { var i; var x = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("demo"); if (n > x.length) {slideIndex = 1} if (n < 1) {slideIndex = x.length} ; for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } slideIndex++; if (slideIndex > x.length) {slideIndex = 1} x[slideIndex-1].style.display = "block"; setTimeout(showDivs, 2000); // Change image every 2 seconds for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" w3-border-red", ""); } x[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " w3-border-red"; }
  7. when i oppen da page only apears the 3 small imagens, only when i click in one of this the large image appear, and do what i configure to do - change pictures in 2 seg u can see in this website http://www.bussoloceano.pt/teste/
  8. i do what you say and now online apears the pictures to choose, only when i choose one de slideshow starts work
  9. <div class="w3-content" style="max-width:500px"> <img class="mySlides" src="images/assets/bussoloceano (5).jpg" style="width:100%"> <img class="mySlides" src="images/assets/bussoloceano (6).jpg" style="width:100%"> <img class="mySlides" src="images/assets/bussoloceano (7).jpg" style="width:100%"> <div class="w3-row-padding w3-section"> <div class="w3-col s4"> <img class="demo w3-border w3-hover-shadow" src="images/assets/bussoloceano (5).jpg" style="width:30%" onclick="currentDiv(1)"> <img class="demo w3-border w3-hover-shadow" src="images/assets/bussoloceano (6).jpg" style="width:30%" onclick="currentDiv(2)"> <img class="demo w3-border w3-hover-shadow" src="images/assets/bussoloceano (7).jpg" style="width:30%" onclick="currentDiv(3)"> </div> </div> </div> var slideIndex = 1; showDivs(slideIndex); function plusDivs(n) { showDivs(slideIndex += n); } function currentDiv(n) { showDivs(slideIndex = n); } function showDivs(n) { var i; var x = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("demo"); if (n > x.length) {slideIndex = 1} if (n < 1) {slideIndex = x.length} ; for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" w3-border-red", ""); } x[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " w3-border-red"; } this was what i copy
  10. how i do that? i just copy & past the code from w3schools and change the images
  11. Hi, i'm having some troubles make a slide show and i need a little help. i want use the "images as indicators" slideshow but, in first place when i open the page the imagens appears all in line only when i click in one picture he change for the format slideshow. Why that happen? My seconf question is a change i want to do but i don't know if it possible and how to do. i want instead the pictures apears bottom the slide show they apears in col at right and left of the slideshow. This is possible? how can i do that happen? I'm sory if i write something wrong but my english isn't so good. TY
  12. ladytf

    how can do

    i already find, was this: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_output but i want to change for this: How i do?
  13. ladytf

    how can do

    i wont creat a dinamic converter where i put the measure i have, select the measure i wont, and "voilĂ " ex. 1000gr -> 1kg
  14. ladytf

    how can do

    no it isn't is likely:
  15. ladytf

    how can do

    good morning evereyone, in times i saw in w3 a example where we put a number in a text box and next we scroll until a number we wont multiplicade and he give us a result... u know where is?? i don't remender how i find that ty
×
×
  • Create New...