Plugin jQuery que reemplaza todas las imágenes de una pagina web por imágenes de lucho jara y todos los textos por las líricas de un golpe de suerte.
Pone
<script type="text/javascript" src="https://rawgit.com/chulini/lucho-jarascript/master/lucho-jarascript.js"></script>
justo antes de </head>
Puedes llevar la experiencia al siguiente nivel. Basta con poner
<script>
var customLucho = {
player: true,
autoplay: true
};
</script>
justo antes de </body>
y podrás disfrutar de toda una experiencia multimedia.
Opción | ¿Qué hace? | Valor por Defecto | Valores que puede tomar |
---|---|---|---|
target | Definir donde quieres que aparezca Luis Jara | body (Usualmente, toda la página) | Un selector de css (Idealmente que sea único si es que se usa junto con player) |
player | Agrega un botón en el extremo superior derecho del target que te permitirá disfrutar del video de Un Golpe de Suerte | false | true para disfrutar del video |
autoplay | No necesitarás apretar el botón para disfrutar de Un Golpe de Suerte (La opcion player debe tener el valor true para que funcione) | false | true para disfrutar de Un Golpe de Suerte sin intervención humana |
english | Luis Jara can sing in English | false | true to enjoy English Lyrics |
En tu proyecto, corre bower i lucho-jarascript
. Luego de eso, estará el JS en bower_components/lucho-jarascript/lucho-jarascript.js
para ser llamado desde tu HTML.
En tu proyecto, ejecuta npm i lucho-jarascript
. Luego de eso, estará el JS en node_modules/lucho-jarascript/lucho-jarascript.js
para ser llamado desde tu HTML.
Opción 1
- Abre la pagina que quieres luchojarizar
- Escribe
javascript:
(ojo: escribe, no funciona copiar y pegar) - Pega esto justo después de
javascript:
y apreta enter:
(function(){var root=this,d=root.document,j=d.createElement('script');j.type='text/javascript';j.src='https://rawgit.com/chulini/lucho-jarascript/master/lucho-jarascript.js?' + Math.random();d.body.appendChild(j);}());
Opción 2 (Testeado en Firefox y Chromium)
- Crea un nuevo marcador o favorito en tu navegador de preferencia
- Pon el nombre que quieras al nuevo marcador y donde tengas que poner el link del marcador pega:
javascript: (function(){var root=this,d=root.document,j=d.createElement('script');j.type='text/javascript';j.src='https://rawgit.com/chulini/lucho-jarascript/master/lucho-jarascript.js?' + Math.random();d.body.appendChild(j);}());
- Anda a la página que quieras luchojarizar y apreta tu nuevo marcador para cambiarle el look
Opción 2.2 con autoplay (Testeado en Firefox y Chromium)
- Pon el nombre que quieras al nuevo marcador y donde tengas que poner el link del marcador pega:
javascript: (function(){var root=this,d=root.document,i=d.createElement('script'),j=d.createElement('script');i.textContent='var customLucho = {player: true,autoplay: true};';j.type='text/javascript';j.src='http://rawgit.com/chulini/lucho-jarascript/master/lucho-jarascript.js?' + Math.random();d.body.appendChild(i);d.body.appendChild(j);}());
- Anda a la página que quieras luchojarizar y apreta tu nuevo marcador para cambiarle el look