funcion no me funciona ayuda
Publicado por Luis (7 intervenciones) el 08/10/2016 17:15:12
Hola, estoy aprendiendo jvascript / jquery y estaba intentando incorporar un script para un slide sencillo, pero no se xque no me funciona. El código es cortito asi que lo posteo :
En mi index.html :
En mi style.css :
Alguna idea de que puede ser ?? Gracias !
En mi index.html :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE HTML>
<html LANG="es">
<head>
<meta chrset="UTF-8">
<title>Slider sencillo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="jquery-3.1.0.js" type="text/javascript"></script>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var i = 0;$(document).on("ready", main);
function main(){
var control = setInterval(cambiarSlider, 3000);
}function cambiarSlider(){
i++;
if(i == $("#slider img").size()){
i = 0; }$("#slider img").hide();
$("#slider img").eq(i).fadeIn("medium");
}</script>
<style type="text/css">
#container{
margin: 100px auto; width: 830px; } #slider{
height: 400px; } #slider img{
display: none; } #slider img:nth-child(1){
display: block; }</style>
</head>
<body>
<div id="container">
<div id="slider">
<img src="images/sl006.jpg">
<img src="images/sl002.jpg">
<img src="images/sl003.jpg">
<img src="images/sl001.jpg">
</div>
</div>
</body>
</html>
En mi style.css :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
*{
margin: 0; padding: 0;}body {font: 1em/100% Helvetica, Arial sans-serif;
}a {color: #669;
texto-decoration: none;
}#container{
margin: 100px auto; width: 830px; }#slider{
height: 400px; }#slider img{
display: none; }#slider img:nth-child(1){
display: block; }Alguna idea de que puede ser ?? Gracias !
Valora esta pregunta
0
