Last active
October 4, 2017 20:37
-
-
Save molavec/048b3cc86cc69285bffc2a13c7d2b51b to your computer and use it in GitHub Desktop.
[Slider de opiniones] Es un slider de opiniones para dieta proteinada.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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