Quiero obtener el contenido de un feed mediante Google Feed API y, además, mostrar cada entrada del feed en un slider de texto llamado Anythingslider.
La API de Google funciona bien, ya la probé sin el slider; y el slider funciona igual bien, ya lo probé sin meter en él el feed.
Pero si junto los dos, resulta que sí se mete cada entrada del feed en un elemento li del slider, pero éste no los reconoce y no los anima.
Aquí está el demo.
Y aquí el código:
Código HTML:
Ver original
Código Javascript:
Ver original
// Para inicializar el Anythtingslider $(function(){ $('#slider-RSS').anythingSlider({}); });
Código Javascript:
Ver original
// Y todo esto para la API de Google google.load('feeds', '1'); function initialize() { var feed = new google.feeds.Feed('http://www.leonoticias.com/rss/'); feed.setNumEntries(10); feed.load(function(result) { if (!result.error) { var container = document.getElementById('slider-RSS'); for (var i=0; i<result.feed.entries.length; i++) { var entry = result.feed.entries[i]; var li = document.createElement('li'); li.innerHTML = entry.title + '<br />'; li.innerHTML += entry.content + '<br />'; // li.className += li.className + "panel"; Aunque se añada artificialmente la clase PANEL a los LI, no funcionan dentro del slider container.appendChild(li); } } }); } google.setOnLoadCallback(initialize);
¿Alguna idea de cómo solucionar tal cosa?
Saludos!
![Stress](http://static.forosdelweb.com/fdwtheme/images/smilies/stress.png)
![Stress](http://static.forosdelweb.com/fdwtheme/images/smilies/stress.png)
![Stress](http://static.forosdelweb.com/fdwtheme/images/smilies/stress.png)