No me sale el Slider

franalbiazul · #1 (**permalink**) 24/08/2011, 10:49

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" />

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

</head>
<body style="background-color:#ffffff">

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

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

javiercitox · #2 (**permalink**) 24/08/2011, 15:29

intentaste crear otra vez el script en el WowSlider.... me fije que sacaste un link que trae al final, puede que eso te afecte, no se si tienes la version pagada de este soft o bajaste el free... en todo caso existen varios slider más gratis q puedes encontrar en la web... aquí encontraras 130 diferentes Sliders