Skip to content

Instantly share code, notes, and snippets.

@molavec
Last active October 4, 2017 20:37
Show Gist options
  • Save molavec/048b3cc86cc69285bffc2a13c7d2b51b to your computer and use it in GitHub Desktop.
Save molavec/048b3cc86cc69285bffc2a13c7d2b51b to your computer and use it in GitHub Desktop.
[Slider de opiniones] Es un slider de opiniones para dieta proteinada.
<div id="reviews-slider" style="width:300px; height:150px; margin: 5px auto" data-simple-slider>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/simple-slider/1.0.0/simpleslider.min.js"></script>
<script>
var backgroundColor = 'white';
var textColor = 'darkolivegreen';
var reviews = [
{
"nombre": "Daisy González de Hormazábal",
"texto": "Llevo 6 días y he bajado 3 kilos! Así que estoy súper animada para seguir por los kilos que faltan"
},
{
"nombre": "Xaviera Leiva-oyarzun",
"texto": "Llevo 4 meses y 14 kilos Menos los primeros 10 los baje el primer mes, totalmente recomendable"
},
{
"nombre": "Claudio Gaston Gonzalez",
"texto": "Es difícil al principio pero los resultados son excelentes"
},
{
"nombre": "Mikzi Perez Moreno",
"texto": "Para mi a sido super buena es verdad cuesta pero con fuerza de voluntad se puede yo en 2 semana ya llevo 10 kilos y medio y estoy fascinada así que a ponerle empeño y la recomiendo al 100%"
},
{
"nombre": "Karina Andrea Castellano Rojas",
"texto": "Las dos primeras semanas son complicadas es acostumbrar tu estomago a un cambio, y despues contenta, yo estoy en fase 2 y contenta he bajado 8 kilos y se nota, el cambio en ti misma y la gente lo ve\nPero hay que ser perseverante y la continuidad, bajas de peso si...pero uno tiene que hacerlo al pie de la letra.\nDe lo contrario te mientes a ti mismo."
},
{
"nombre": "Fabi Morales Contreras",
"texto": "La mejor dieta que puede existir no solo es bajar de peso el apoyo incondicional del equipo tanto médicos, psicólogos y call center; también el cambio de estilo de vida que uno puede llevar :)"
},
{
"nombre": "Mirta Acuña Umaña",
"texto": "Excelente tratamiento médico, es eficiente y eficaz... recomendado 100%"
},
{
"nombre": "Exequiel Ojeda",
"texto": "Es lo mejor dieta a mi me cambió la vida y mi apariencia !!! La recomiendo 100% mucha perseverancia y actitud, y tu cambio lo podrás lograr en menos de un año!!!"
},
{
"nombre": "Soraya Moreno Garrido",
"texto": "Fabulosa, la recomiendo."
},
{
"nombre": "Silvia Alicia Perez Lara",
"texto": "Es muy buena"
}
]
var reviewsSliders = document.getElementById('reviews-slider');
reviews.forEach(function (review) {
var texto = review.texto;
var div = document.createElement('div');
var divTexto = document.createElement('div');
var divNombre = document.createElement('div');
div.style.backgroundColor = backgroundColor;
div.style.color = textColor;
div.style.width = '300px';
div.style.height = '150px';
div.style.textAlign = 'center';
if(texto.length > 120) {
texto = texto.substr(0,117) + '...';
}
divTexto.appendChild(document.createTextNode('✭✭✭✭✭ - "' + texto + '"'));
divNombre.style.margin = '4px 0';
divNombre.style.textAlign = 'right';
divNombre.appendChild(document.createTextNode(review.nombre));
div.appendChild(divTexto);
div.appendChild(divNombre);
reviewsSliders.appendChild(div);
});
simpleslider.getSlider();
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment