Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje22-06-2011, 06:13 (UTC)    
Título del mensaje: slider problema

Hola comunidad, tengo el siguiente problema:

tengo un codigo de un slayer y no me funciona correctamente se ven parte de las fotos ke ya pasaron y no se ven ni el titulo y las estrellas si me pueden ayudar PLIiiiiiiiiiiiS

aca esta en vivo y en directo
http://albinagonzalez.es.tl/fotos-remont-balcon.htm

este es el codigo


Código:

<script
src="http://img21.xooimage.com/files/b/b/3/jquery-1.3.2.min-b8f180.js"
type="text/javascript"></script>
<title>ver ver</title>
<script type="text/javascript">
$(function() {
$('input.field').
focus(function() {
if(this.title==this.value) {
this.value = '';
}
}).
blur(function(){
if(this.value=='') {
this.value = this.title;
}
});
var currentPage = 1;
$('#slider .buttons span').live('click', function() {
var timeout = setTimeout(function() {$("img").trigger("slidermove")}, 300);
var fragments_count = $(this).parents('#slider:eq(0)').find('.fragment').length;
var fragmet_width = $(this).parents('#slider:eq(0)').find('.fragment').width();
var perPage = 1;
var numPages = Math.ceil(fragments_count/perPage);
var stepMove = fragmet_width*perPage;
var container = $(this).parents('#slider:eq(0)').find('.content');
var firstPosition = 0;
var lastPosition = -((numPages-1)*stepMove);
if ($(this).hasClass('next')) {
currentPage ++;
if (currentPage > numPages) {
currentPage = 1;
container.animate({'left': firstPosition});
return;
};
container.animate({'left': -((currentPage - 1)*stepMove)});
};
if ($(this).hasClass('prev')) {
currentPage --;
if (currentPage < 1) {
currentPage = numPages;
container.animate({'left': lastPosition});
return;
};
container.animate({'left': -((currentPage-1)*stepMove)});
};
});
});
</script>
<style type="text/css"> #slider { width: 638px; height: 357px; position: relative; } #slider .buttons { position: absolute; top: 250px; right: 15px; z-index: 101; } #slider .buttons span { float: left; display: inline; width: 28px; height: 27px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; margin-left: 2px; } #slider .buttons span.prev { background: url(http://img.webme.com/pic/a/albinagonzalez/flechdd.png) no-repeat 0 0; } #slider .buttons span.next { background: url(http://img.webme.com/pic/a/albinagonzalez/flecho.png) no-repeat 0 0; } #slider .holder { width: 638px; height: 357px; position: relative; overflow: hidden; } #slider .content { height: 357px; width: 100000px; position: absolute; top: 0; left: 0; } #slider .fragment { float: left; display: inline; width: 638px; height: 357px; list-style-type: none; } #slider .fragment .image { position: relative; width: 638px; height: 287px; } #slider .frame { width: 638px; height: 287px; position: absolute; top: 10; left: 34; z-index: 100; background: url(http://img.webme.com/pic/a/albinagonzalez/tt.fondo.png) no-repeat 0 0; } #slider .frame { font-size: 0; line-height: 0; text-indent: -4000px; } #slider .fragment .cnt { margin-top: 5px; height: 49px; background: url(http://img.webme.com/pic/a/albinagonzalez/tt.loter.gif) repeat-x; color: #fff; font-size: 11px; line-height: 1.4; padding: 8px 15px; } #slider .fragment .cnt .side-a { float: left; display: inline; width: 150px; } #slider .fragment .cnt .side-b { float: right; display: inline; width: 430px; } #slider .fragment .cnt h4 { font-size: 19px; font-weight: bold; color: #212121; text-transform: uppercase; margin-bottom: 5px; } #slider .fragment .cnt .rating li { float: left; display: inline; list-style-type: none; font-size: 9px; color: #050505; text-transform: uppercase; margin-right: 1px; } #slider .fragment .cnt .rating li .star { float: left; display: inline; width: 15px; height: 15px; font-size: 0; line-height: 0; text-indent: -4000px; } #slider .fragment .cnt .rating li .empty-star { background: url(http://img.webme.com/pic/a/albinagonzalez/sterr.gif); } #slider .fragment .cnt .rating li .full-star { background: url(http://img.webme.com/pic/a/albinagonzalez/stoop.gif); } #slider .fragment .cnt .rating li .votes { float: left; display: inline; margin-top: 3px; margin-left: 4px; }
</style>
</head>
<body>
<br>
<div id="slider">
<div class="buttons"> <span class="prev">prev</span>
<span class="next">next</span> </div>
<div class="holder">
<div class="frame">&nbsp;</div>
<div class="content">
<ul>
<li class="fragment">
<div class="image"> <img
style="top: 14px; height: 276px; left: 0px; width: 630px;"
src="file:///C:/Documents%20and%20Settings/mi/Escritorio/perloska/Untitled.jpg"
alt=""></div>
<div class="cnt">
<div class="cl">&nbsp;ppppppppppppppppppppppppppppppppppppppppp</div>
<div class="side-a">
<h4>Titulo de la imagen 1</h4>
<ul class="rating">
<li><span class="star full-star">&nbsp;</span><br>
</li>
<li><span class="star full-star">&nbsp;</span><br>
</li>
<li><span class="star full-star">&nbsp;</span><br>
</li>
<li><span class="star full-star">&nbsp;</span><br>
</li>
<li><span class="star empty-star">&nbsp;</span><br>
</li>
<li><span class="votes">1.456 votes</span></li>
</ul>
</div>
<div class="side-b">
<p>Descripcion de la imagen 1</p>
</div>
<div class="cl">&nbsp;</div>
</div>
</li>
<li class="fragment">
<div class="image"> <img
style="top: 14px; height: 276px; left: 0px; width: 630px;"
src="file:///C:/Documents%20and%20Settings/mi/Escritorio/perloska/Untitledw.jpg"
alt=""></div>
<div class="cnt">
<div class="cl">&nbsp;</div>
<div class="side-a">
<h4>Titulo de la imagen 2</h4>
<ul class="rating">
<li><span class="star full-star">&nbsp;</span><br>
</li>
<li><span class="star full-star">&nbsp;</span><br>
</li>
<li><span class="star full-star">&nbsp;</span><br>
</li>
<li><span class="star full-star">&nbsp;</span><br>
</li>
<li><span class="star empty-star">&nbsp;</span><br>
</li>
<li><span class="votes">1.456 votes</span></li>
</ul>
</div>
<div class="side-b">
<p>Descripcion de la imagen 2</p>
</div>
<div class="cl">&nbsp;</div>
</div>
</li>
<li class="fragment">
<div class="image"> <img
style="top: 14px; height: 276px; left: 0px; width: 630px;"
src="file:///C:/Documents%20and%20Settings/mi/Escritorio/perloska/Untitled000.jpg"
alt=""> </div>
<div class="cnt">
<div class="cl">&nbsp;</div>
<div class="side-a">
<h4>titulo de la imagen 3</h4>
<ul class="rating">
<li><span class="star full-star">&nbsp;</span><br>
</li>
<li><span class="star full-star">&nbsp;</span><br>
</li>
<li><span class="star full-star">&nbsp;</span><br>
</li>
<li><span class="star full-star">&nbsp;</span><br>
</li>
<li><span class="star empty-star">&nbsp;</span><br>
</li>
<li><span class="votes">1.456 votes</span></li>
</ul>
</div>
<div class="side-b">
<p>Descripcion imagen 3</p>
</div>
<div class="cl">&nbsp;</div>
</div>
</li>
<li class="fragment">
<div class="image"> <img src="Url%20de%20la%20imagen%204" alt=""> </div>
<div class="cnt">
<div class="cl">&nbsp;</div>
<div class="side-a">
<h4>Titulo de la imagen 4</h4>
<ul class="rating">
<li><span class="star full-star">&nbsp;</span><br>
</li>
<li><span class="star full-star">&nbsp;</span><br>
</li>
<li><span class="star full-star">&nbsp;</span><br>
</li>
<li><span class="star full-star">&nbsp;</span><br>
</li>
<li><span class="star empty-star">&nbsp;</span><br>
</li>
<li><span class="votes">1.456 votes</span></li>
</ul>
</div>
<div class="side-b">
<p>Descripcion de la imagen 4</p>
</div>
<div class="cl">&nbsp;</div>
</div>
</li>
</ul>
</div>
</div>
</div>


muchas gracias de antemano
saludos
Mensaje22-06-2011, 14:21 (UTC)    
Título del mensaje:

Hola!

Me dices de donde lo has sacado a ese slider. Asi te puedo ayudar brindándote el código

Saludos!
Mensaje22-06-2011, 17:06 (UTC)    
Título del mensaje:

si claro de aui lo sake

http://www.paginawebgratis.es/forum/viewtopic.php?t=47431

gracias por ayudar

saludos
Mensaje22-06-2011, 18:28 (UTC)    
Título del mensaje:

Hola!

Ya se cual es el problema. Los algunos enlaces están rotos..
Si te fijas en la vista previa que dejo cuando lo aporto:
+ http://img41.xooimage.com/files/9/a/a/index-191b8c1.html
No anda el slider ya que esta roto los enlaces.

Yo te recomiendo que veas estos temas que te servirán de gran ayuda:
+ http://www.paginawebgratis.es/forum/viewtopic.php?t=62365
+ http://www.paginawebgratis.es/forum/viewtopic.php?t=55780
+ http://www.paginawebgratis.es/forum/viewtopic.php?t=43099
+ http://www.paginawebgratis.es/forum/viewtopic.php?t=43099
+ http://www.paginawebgratis.es/forum/viewtopic.php?t=41160

Saludos!
Mensaje25-06-2011, 16:31 (UTC)    
Título del mensaje:

ipwg escribió:
Hola!

Ya se cual es el problema. Los algunos enlaces están rotos..
Si te fijas en la vista previa que dejo cuando lo aporto:
+ http://img41.xooimage.com/files/9/a/a/index-191b8c1.html
No anda el slider ya que esta roto los enlaces.

Yo te recomiendo que veas estos temas que te servirán de gran ayuda:
+ http://www.paginawebgratis.es/forum/viewtopic.php?t=62365
+ http://www.paginawebgratis.es/forum/viewtopic.php?t=55780
+ http://www.paginawebgratis.es/forum/viewtopic.php?t=43099
+ http://www.paginawebgratis.es/forum/viewtopic.php?t=43099
+ http://www.paginawebgratis.es/forum/viewtopic.php?t=41160

Saludos!


gracias por la ayuda me sirvio de mucho igual surge otro problema,

tengo un menu de pestanas en mi pagina principal que aparte del css y el java funciona con este codigo
Código:
<script src='http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js' type='text/javascript'></script>

que es el que lo hace funcionar.'
este slider tambien funciona aparte del css y java funciona con este
Código:

<script src="http://img4.xooimage.com/files/a/9/3/jquery-b17397.js"
 type="text/javascript"></script>

y no funcionan juntos es com o si se pelearan, no se llevan bien cuando los pongo a los dos me anda una cosa no se donde ponerlos para que me funcionen ya probe ponerlo en todos lados incluso deltro de la pagina si sabes algo...

saludos


Ultima edición por albinagonzalez el Dom Jun 26, 2011 10:39 am; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group