Por lo que vi el bxslider es el unico que me dio la info q necesito, pero no logre hacerlo funcionar. Les dejo el HTML de mi web:
Cita:
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8">
<title>RadioOn</title>
<link href="estilo.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="responsive.css" type="text/css" media="screen" />
<link href="bootstrap.min.css" rel="stylesheet" media="screen">
<script src="jquery-1.11.2.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
<link href="jquery.bxslider.css" rel="stylesheet" type="text/css">
<script src="jquery.bxslider.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider1').bxSlider({
mode: 'fade',
auto: true,
autoControls: true,
pause: 2000
});
});
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script>
$(function() {
// grab the initial top offset of the navigation
var sticky_navigation_offset_top = $('#sticky_navigation').offset().top;
// our function that decides weather the navigation bar should have "fixed" css position or not.
var sticky_navigation = function(){
var scroll_top = $(window).scrollTop(); // our current vertical position from the top
// if we've scrolled more than the navigation, change its position to fixed to stick to top, otherwise change it back to relative
if (scroll_top > sticky_navigation_offset_top) {
$('#sticky_navigation').css({ 'position': 'fixed', 'top':0, 'left':0 });
} else {
$('#sticky_navigation').css({ 'position': 'relative' });
}
};
// run our function on load
sticky_navigation();
// and run it again every time you scroll
$(window).scroll(function() {
sticky_navigation();
});
// NOT required:
// for this demo disable all links that point to "#"
$('a[href="#"]').click(function(event){
event.preventDefault();
});
});
</script>
</head>
<body>
<div id="cabecera"><img src="images/cabecera.png">
</div>
<div id="sticky_navigation_wrapper"><!--menu sticky comienza-->
<div id="sticky_navigation">
<!--insertar menu aqui-->
</div>
</div><!--menu sticky termina-->
<div id="copetes">Aqui va texto con animación / Aqui va texto con animación / Aqui va texto con animación / Aqui va texto con animación /
</div>
<div id="secondary">
<div class="bx-wrapper">
<div class="bx-viewport">
<ul id="slider1">
<li><img src="images/noticia1.png" /></li>
<li><img src="images/noticia2.png" /></li>
<li><img src="images/noticia3.png" /></li>
</ul>
</div>
</div>
<div class="item">
</div>
<div class="item" style="margin-right:0px;">
</div>
<div class="item slidershow">
</div>
<div class="item widget">
<div class="widget">
<div class="cabecera_widget">
</div>
<div class="cuerpo_widget">
</div>
</div>
<div class="widget">
<div class="cabecera_widget">
</div>
<div class="cuerpo_widget">
</div>
</div>
<div class="widget">
<div class="cabecera_widget">
</div>
<div class="cuerpo_widget">
</div>
</div>
<div class="widget">
<div class="cabecera_widget">
</div>
<div class="cuerpo_widget">
</div>
</div>
</div>
<div id="columna_izquierda">
<div class="item dos">
<div id="contenedor_seccion">
<div id="seccion1">Internacionales
</div>
</div>
<div class="titulo"><h2>El ministro de economía español visitará este miércoles el pais</h2>
</div>
<div class="image_noticia"><img src="images/noticia4.png">
</div>
<div class="separador">
</div>
<div class="video">
<iframe src="https://www.youtube.com/embed/qGsTlYLbwy4" frameborder="0" allowfullscreen></iframe>
</div>
<div class="separador">
</div>
<div class="texto">Será luego de 5 años de ausencia, se reunirá con otros ministros en la casa Rosada
</div>
<footer>
<div id="linea_azul">
</div>
<div id="footer_text">RadiosNet - Sitio web de Ejemplo - Pruebe el Servicio - © Todos los derechos reservados
</div>
</footer>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="bootstrap.min.js"></script>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8">
<title>RadioOn</title>
<link href="estilo.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="responsive.css" type="text/css" media="screen" />
<link href="bootstrap.min.css" rel="stylesheet" media="screen">
<script src="jquery-1.11.2.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
<link href="jquery.bxslider.css" rel="stylesheet" type="text/css">
<script src="jquery.bxslider.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider1').bxSlider({
mode: 'fade',
auto: true,
autoControls: true,
pause: 2000
});
});
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script>
$(function() {
// grab the initial top offset of the navigation
var sticky_navigation_offset_top = $('#sticky_navigation').offset().top;
// our function that decides weather the navigation bar should have "fixed" css position or not.
var sticky_navigation = function(){
var scroll_top = $(window).scrollTop(); // our current vertical position from the top
// if we've scrolled more than the navigation, change its position to fixed to stick to top, otherwise change it back to relative
if (scroll_top > sticky_navigation_offset_top) {
$('#sticky_navigation').css({ 'position': 'fixed', 'top':0, 'left':0 });
} else {
$('#sticky_navigation').css({ 'position': 'relative' });
}
};
// run our function on load
sticky_navigation();
// and run it again every time you scroll
$(window).scroll(function() {
sticky_navigation();
});
// NOT required:
// for this demo disable all links that point to "#"
$('a[href="#"]').click(function(event){
event.preventDefault();
});
});
</script>
</head>
<body>
<div id="cabecera"><img src="images/cabecera.png">
</div>
<div id="sticky_navigation_wrapper"><!--menu sticky comienza-->
<div id="sticky_navigation">
<!--insertar menu aqui-->
</div>
</div><!--menu sticky termina-->
<div id="copetes">Aqui va texto con animación / Aqui va texto con animación / Aqui va texto con animación / Aqui va texto con animación /
</div>
<div id="secondary">
<div class="bx-wrapper">
<div class="bx-viewport">
<ul id="slider1">
<li><img src="images/noticia1.png" /></li>
<li><img src="images/noticia2.png" /></li>
<li><img src="images/noticia3.png" /></li>
</ul>
</div>
</div>
<div class="item">
</div>
<div class="item" style="margin-right:0px;">
</div>
<div class="item slidershow">
</div>
<div class="item widget">
<div class="widget">
<div class="cabecera_widget">
</div>
<div class="cuerpo_widget">
</div>
</div>
<div class="widget">
<div class="cabecera_widget">
</div>
<div class="cuerpo_widget">
</div>
</div>
<div class="widget">
<div class="cabecera_widget">
</div>
<div class="cuerpo_widget">
</div>
</div>
<div class="widget">
<div class="cabecera_widget">
</div>
<div class="cuerpo_widget">
</div>
</div>
</div>
<div id="columna_izquierda">
<div class="item dos">
<div id="contenedor_seccion">
<div id="seccion1">Internacionales
</div>
</div>
<div class="titulo"><h2>El ministro de economía español visitará este miércoles el pais</h2>
</div>
<div class="image_noticia"><img src="images/noticia4.png">
</div>
<div class="separador">
</div>
<div class="video">
<iframe src="https://www.youtube.com/embed/qGsTlYLbwy4" frameborder="0" allowfullscreen></iframe>
</div>
<div class="separador">
</div>
<div class="texto">Será luego de 5 años de ausencia, se reunirá con otros ministros en la casa Rosada
</div>
<footer>
<div id="linea_azul">
</div>
<div id="footer_text">RadiosNet - Sitio web de Ejemplo - Pruebe el Servicio - © Todos los derechos reservados
</div>
</footer>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="bootstrap.min.js"></script>
</body>
</html>
si alguien me da una mano, sera estare agradecido!
