$('.myBarra').easyTicker({ // Propiedades que nos interesa modificar // Por ejemplo, sólo mostrar cuatro noticias visible: 4, // Detenerlo cuando el raton pasa por encima de las noticias mousePause: 1 });
<div class="container"> <h3>Demostración con Easy Ticker Plugin</h3> <div class="myBarra"> <ul class="group-list"> <li class="list-group-item"> <div class="media"> <a href="http://jsfiddle.net/dominandojquery/hz6my4ae/" class="pull-left"> <img src="https://lh6.googleusercontent.com/-RmKWleIDXbs/VOt0OjcSROI/AAAAAAAAAD0/Jn6G-0ffyh4/w300-h62-no/hola-mundo-jsfiddle.png" class="media-object" alt="Ejemplo Hola Mundo" width="125" /> </a> <div class="media-body"> <h4 class="media-heading"><a href="http://jsfiddle.net/dominandojquery/hz6my4ae/">Ejemplo de Hola Mundo</a></h4> <p><small>Sencillo ejemplo de mostrar el mensaje "¡Hola, Mundo!" utilizando jQuery.</small></p> </div> </div> </li> <li class="list-group-item"> <div class="media"> <a href="http://jsfiddle.net/dominandojquery/ppyfkgbn/" class="pull-left"> <img src="https://lh3.googleusercontent.com/-gNcOYFV1iK0/VOt0ORmzmqI/AAAAAAAAADg/cMDLqaV8Y0Q/w300-h160-no/alertify-js-jsfiddle.png" class="media-object" alt="Ejemplo Plugin Alertify" width="125" /> </a> <div class="media-body"> <h4 class="media-heading"><a href="http://jsfiddle.net/dominandojquery/ppyfkgbn/">Ejemplo del Plugin Alertify</a></h4> <p><small>Alertify es pequeña librería para la presentación de hermosas ventanas y notificaciones de diálogo. Es fácil de personalizar con CSS, posee una API sencilla y no depende de librerías de terceros (pero se adapta muy bien a ellos).</small></p> </div> </div> </li> <li class="list-group-item"> <div class="media"> <a href="http://jsfiddle.net/internoma/f4YGy/" class="pull-left"> <img src="https://lh5.googleusercontent.com/-EIVfZNCVty8/VOt0PKjKmAI/AAAAAAAAAD4/3bwv8E7q3PQ/w300-h157-no/menu-destacar-jsfiddle.png" class="media-object" alt="Ejemplo Menu - destacar y ocultar el resto" width="125" /> </a> <div class="media-body"> <h4 class="media-heading"><a href="http://jsfiddle.net/internoma/f4YGy/">Menu - destacar y ocultar el resto</a></h4> <p><small>Ejercicio de menú que destaca el elemento activado y a la vez ocultar el resto de elementos del menú. También permite la selección. Ideal para trabajar con ajax.</small></p> </div> </div> </li> <li class="list-group-item"> <div class="media"> <a href="http://jsfiddle.net/internoma/Aaf9x/" class="pull-left"> <img src="https://lh3.googleusercontent.com/-umb4uTPBKPM/VOt0OlKbvzI/AAAAAAAAADw/TXrgLrePN70/w300-h132-no/gmaps-design-jsfiddle.png" class="media-object" alt="Ejemplo de diseño personalizado de mapas google." width="125" /> </a> <div class="media-body"> <h4 class="media-heading"><a href="http://jsfiddle.net/internoma/Aaf9x/">Diseño personalizado de mapas google</a></h4> <p><small>Diseño personalizado de mapas google.</small></p> </div> </div> </li> <li class="list-group-item"> <div class="media"> <a href="http://jsfiddle.net/DbCgt/772/" class="pull-left"> <img src="https://lh6.googleusercontent.com/-X_H9JcuDqAU/VOt0O08CR3I/AAAAAAAAADo/_ZMeOkPNuNc/w300-h144-no/jquery-openlayers-jsfiddle.png" class="media-object" alt="Ejemplo jQuery + OpenLayers" width="125" /> </a> <div class="media-body"> <h4 class="media-heading"><a href="http://jsfiddle.net/DbCgt/772/">jQuery + OpenLayers</a></h4> <p><small>Pestañas de jQuery en OpenLayers.</small></p> </div> </div> </li> </ul> </div> </div>