ladytf

i already try that but no success

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

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.

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....

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> 

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";
	}	

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/

i do what you say and now online apears the pictures to choose, only when i choose one de slideshow starts work

<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

I imagine you are using the styling to hide slideshow images, without this all image will appear at once, until clicking of thumbnail causes code to hide all but selected.

how i do that? i just copy & past the code from w3schools and change the images

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

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?

i wont creat a dinamic converter where i put the measure i have, select the measure i wont, and "voilà"

ex.

1000gr -> 1kg

no it isn't

is likely:

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

hi, i already solve this problem, divide what i wont in parts and already can do what i wont.

ty

if i delete everything in template.php above the body tag the css doesn't run in template.php

page template.php

<!doctype html><html><head><meta charset="utf-8"><title>Template</title><link href="design.css" rel="stylesheet" type="text/css"></head><body><div class="wrapper"><header>	<div style="position: absolute; ">		<img src="img/garfield_cozinheiro001.gif" width="86" height="103" style="float: left; margin-left: 100px">	</div>Minhame Minhame</header><nav><ul>		<li><a href="#">Home</a></li>        <li><a href="#">Comer</a></li>        <li><a href="#">Beber</a></li>        <li><a href="#">Contacte-nos</a></li></ul></nav><div class="menu">	<h1>Conversor de unidades</h1>    <p></p>    	<center>		<select id="conversor" onchange="converter();" value="submit">        		 <option>--------</option>                 <option id="1">Volvo</option>                 <option id="2">Saab</option>                 <option id="3">Mercedes</option>                 <option id="4">Audi</option>		</select>                <div id="resultado"></div>                <script type="text/javascript">						function converter (){								if (option = document.getElementById("conversor").value=="Volvo"){				document.getElementById("resultado").innerHTML="Volvo <br> ola";				}				else if (option = document.getElementById("conversor").value=="Saab"){				document.getElementById("resultado").innerHTML="Saab";				}				else if (option = document.getElementById("conversor").value=="Mercedes"){				document.getElementById("resultado").innerHTML="Mercedes";				}				else if (option = document.getElementById("conversor").value=="Audi"){				document.getElementById("resultado").innerHTML="Audi";				}						}		        </script>        </center>	</div></div></body></html>

page index.php

<?php	include ('template/template.php');?><!doctype html><html><head><meta charset="utf-8"><title>Pagina Inicial</title></head><body></body></html>

HI,

i created a php pag, and i want that page are the base on all my pages (like a template). i did include and indicate that page but when i run the css associate to the base page doesn't appears.

Why???

I hope make me understand, i'm very bad in english.