Tema: No me sale el Slider
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/08/2011, 10:49
franalbiazul
 
Fecha de Ingreso: febrero-2011
Mensajes: 3
Antigüedad: 13 años, 2 meses
Puntos: 0
No me sale el Slider
Quiero hacer unos cambios en una página en la que estoy trabajando, que es

http://complejoargb.host22.com/indexa.html

Entonces los titulos principales los queria incorporar en un slider y esto fue lo maximo que lo logre

http://complejoargb.host22.com/noticiass/noticias3.html

Pero no me cambia las imagenes principales y no se que arreglar, ya que no se donde esta el problema.

Les dejo el javascript

Cita:
<tr>
<td colspan="3"><head>
<title>ti generated by WOWSlider.com</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="ti, WOW Slider, jQuery Slider Photo, jQuery Slider Div" />
<meta name="description" content="ti created with WOW Slider, a free wizard program that helps you easily generate beautiful web slideshow" />
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" media="screen" />
<style type="text/css">a#vlb{display:none}</style>
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
</head>
<body style="background-color:#ffffff">
<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images">
<a href="http://complejoargb.host22.com/archivo/camisetanueva.html" target="http://complejoargb.host22.com/archivo/camisetanueva.html"><img src="http://complejoargb.host22.com/noticiass/data1/images/tit1.jpg" alt="Para estrenar" title="Para estrenar" id="wows0"/>Complejo presentó camiseta.</a>
<a href="http://complejoargb.host22.com/Liga bv/Liga BV.html" target="http://complejoargb.host22.com/Liga%20bv/Liga%20BV.html"><img src="http://complejoargb.host22.com/noticiass/data1/images/tit2.jpg" alt="Primera sonrisa en la Liga" title="Primera sonrisa en la Liga" id="wows1"/>Venció al Bell con goles de Sagretti y Pairetti.</a>
<a href="http://complejoargb.host22.com/archivo/compalu.html" target="http://complejoargb.host22.com/archivo/compalu.html"><img src="http://complejoargb.host22.com/noticiass/data1/images/tit3.jpg" alt="Gran triunfo de pretemporada" title="Gran triunfo de pretemporada" id="wows2"/>2-1 a Alumni en un amistoso en la Placita Ocampo.</a>
</div>
<div class="ws_bullets"><div>
<a href="#wows0" title="Para estrenar"><img src="data1/tooltips/tit(1).jpg" alt="Para estrenar"/>1</a>
<a href="#wows1" title="Primera sonrisa en la Liga"><img src="data1/tooltips/tit(2).jpg" alt="Primera sonrisa en la Liga"/>2</a>
<a href="#wows2" title="Gran triunfo de pretemporada"><img src="data1/tooltips/tit(3).jpg" alt="Gran triunfo de pretemporada"/>3</a>
</div></div>
<a href="#" class="ws_frame"></a>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->
</body></td>
</tr>
Y el style.css

Cita:
/* bottom center */
#wowslider-container1 .ws_bullets {
top: 5px;
right: 10px;
}
#wowslider-container1 .ws_bullets .ws_bulframe {
top: 20px;
}
#wowslider-container1 .ws_bullets .ws_bulframe {
top: 20px;
}
#wowslider-container1 {
/* overflow: hidden; */
zoom: 1;
position: relative;
width:650px;
height:370px;
margin:0 auto 37px auto;
z-index:100;
background-image: url(./bg.png);
}
#wowslider-container1 .ws_frame{
display:block;
position: absolute;
left:5px;
top:5px;
width:624px;
height:344px;
border:solid 8px black;
z-index:100;
opacity:0.3;

filter:progid:DXImageTransform.Microsoft.Alpha(opa city=30);
}
#wowslider-container1 .ws_shadow{
width:100%;
background: url(./shadow.png) left 100%;
height:93px;
position: absolute;
left:0;
bottom:-37px;
z-index:-1;
}
#wowslider-container1 .ws_images{
position: absolute;
left:5px;
top:5px;
width:640px;
height:360px;
overflow:hidden;
}
#wowslider-container1 .ws_images a{
color:transparent;
}

#wowslider-container1 .ws_images img{
top:0;
left:0;
border:none 0;
}
#wowslider-container1 a{
text-decoration: none;
outline: none;
border: none;
}

#wowslider-container1 .ws_bullets {
font-size: 0px;
padding: 10px;
float: left;
position:fixed;
z-index:70;
}
#wowslider-container1 .ws_bullets div{
position:relative;
float:left;
}
#wowslider-container1 .ws_bullets a {
margin: 0;
width:16px;
height:15px;
background: url(./bullet.png) left top;
float: left;
text-indent: -1000px;
position:relative;
}
#wowslider-container1 .ws_bullets a:hover{
background-position: -16px 0;
}
#wowslider-container1 .ws_bullets a.ws_selbull{
background-position: right top;
}
#wowslider-container1 .ws_bullets a.ws_overbull{
background-position: 50% top;
}
#wowslider-container1 .ws_bullets a:hover{
background-position: 50% top;
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
position:absolute;
display:block;
top:50%;
margin-top:-28px;
z-index:60;
height: 56px;
width: 29px;
background-image: url(./arrows.png);
}
#wowslider-container1 a.ws_next{
background-position: 100% 0;
right:-24px;
}
#wowslider-container1 a.ws_prev {
left:-24px;
background-position: 0 0;
}
#wowslider-container1 .ws-title{
position: absolute;
bottom:18px;
left: 18px;
margin-right:23px;
z-index: 50;
padding:5px;
color: #FFF;
background:#000;
font-family: Tahoma,Arial,Helvetica;
font-size: 25px;
opacity:0.6;
filter:progid:DXImageTransform.Microsoft.Alpha(opa city=80);
}
#wowslider-container1 .ws-title div{
padding-top:5px;
font-size: 12px;
}#wowslider-container1 .ws_bullets a img{
text-indent:0;
display:block;
top:15px;
left:-80px;
position:absolute;
-moz-box-shadow: 0 0 5px #999999;
box-shadow: 0 0 5px #999999;
border: 5px solid #FFFFFF;
z-index: 10;
visibility: hidden;
width: 170px;
height: 100px;
}
#wowslider-container1 .ws_bullets a:hover img{
visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
height:90px;
overflow:visible;
position:relative;
}
#wowslider-container1 .ws_bulframe div {
left:0;
overflow:hidden;
position:relative;
width:160px;
}
#wowslider-container1 .ws_bullets .ws_bulframe{
display:none;
overflow:visible;
position:absolute;
cursor:pointer;
-moz-box-shadow: 0 0 5px #999999;
box-shadow: 0 0 5px #999999;
border: 5px solid #FFFFFF;
}
#wowslider-container1 .ws_bulframe span{
display:block;
position:absolute;
top:-11px;
margin-left:-5px;
left:80px;
background:url(./triangle.png);
width:15px;
height:6px;
}
Espero que me puedan ayudar ya que con mis conocimientos basicos basicos casi me sale jaja, me falta solo el efecto. Desde ya gracias, saludos.