Aterbonus / lucho-jarascript

Plugin jQuery que reemplaza todas las imágenes de una pagina web por imágenes de lucho jara

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Lucho JaraScript

¿Qué hace?

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.

Uso Rápido

Pone

<script type="text/javascript" src="https://rawgit.com/chulini/lucho-jarascript/master/lucho-jarascript.js"></script>

justo antes de </head>

¿No te basta con cambiar la letra e imágenes?

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.

Opciones para customLucho

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

Instalación con Bower

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.

Instalación con NPM

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.

Quiero luchojarizar toda la internet ¿Qué puedo hacer?

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

Ejemplo

Lucho JaraScript en acción

About

Plugin jQuery que reemplaza todas las imágenes de una pagina web por imágenes de lucho jara


Languages

Language:JavaScript 72.4%Language:HTML 27.6%