Jquery en wordpress

respuestas88 · 2 Nov 2015

Buenas tardes chic@s!!!Necesito consejo de los mejores...y aqui estais vosotros. Estoy desarrollando una web y en uno de los apartados es el que adjunto en la imagen. La avispa que señalo con la flecha roja me gustaria que vibrara como hacen estos ejemplos de JQUERY
jRumble | A jQuery Plugin That Rumbles Elements
Pero no se como añadir estos efectos a wordpress ya que estoy usando visual composer.

Un saludo y gracias de antemano

Enviado desde mi SM-G900F mediante Tapatalk

maestrodellaves · 2 Nov 2015

Pues el mismo Wordpress en Apariencia->Editor y luego tienes que saber en el archivo en el que irá.

elasesor · 2 Nov 2015

en la web que muestras lo tienes bien claro

respuestas88 · 3 Nov 2015

elasesor dijo:
en la web que muestras lo tienes bien claro

Disculpa mi ignorancia pero no lo tengo muy claro, no se donde copiar cada codigo y si hay que copiarlo tal cual o hay que modificar algo...Gracias de antemano

Enviado desde mi SM-G900F mediante Tapatalk

miguel2008 · 3 Nov 2015

respuestas88 dijo:
Disculpa mi ignorancia pero no lo tengo muy claro, no se donde copiar cada codigo y si hay que copiarlo tal cual o hay que modificar algo...Gracias de antemano

Enviado desde mi SM-G900F mediante Tapatalk

Sin mirarlo creo que va así:

Llámalo demo a tu mosca #id <div id="demo1", <div id="demo2", <div id="demo3", ...

Añade esto en js a tu web.

// Demo 1
$('#demo1').jrumble({
x: 2,
y: 2,
rotation: 1
});

// Demo 2
$('#demo2').jrumble({
x: 10,
y: 10,
rotation: 4
});

// Demo 3
$('#demo3').jrumble({
x: 4,
y: 0,
rotation: 0
});

// Demo 4
$('#demo4').jrumble({
x: 0,
y: 0,
rotation: 5
});

$('#demo1, #demo2, #demo3, #demo4').hover(function(){
$(this).trigger('startRumble');
}, function(){
$(this).trigger('stopRumble');
});

maestrodellaves · 3 Nov 2015

@respuestas88 el de arriba se refiere a que has de crear un archivo de texto, pegar en él código que te puso y guardar el archivo con extensión .js en vez de .txt.
Luego lo subes al hosting y lo llamas desde el div (éste código ya dentro de tu web, puedes ponerlo antes de </head> o de </body> )

respuestas88 · 3 Nov 2015

miguel2008 dijo:
Sin mirarlo creo que va así:

Llámalo demo a tu mosca #id <div id="demo1", <div id="demo2", <div id="demo3", ...

Añade esto en js a tu web.

@miguel2008 soy inexperto podrias guiarme paso a paso??,

Enviado desde mi SM-G900F mediante Tapatalk

miguel2008 · 4 Nov 2015

Pues basicamente es así (que lo pone en la página)

1-Bájate la libreria
http://jackrugile.com/jrumble/jquery.jrumble.1.3.zip

2-sube la que pone jquery.jrumble.1.3.js a tu server. (puedes subir la min tambien, pero esta te vale)

3-Añade esto en el head <head> AQUI </head>,

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript" src="TU_RUTA_donde la has subido/jquery.jrumble.1.3.js"></script>

Crea un <div id="demo1"
mete tu mosca dentro del div

4-<div id="demo1"> tu imagen (supongo que valdría así)</div>

y dale el movimiento que quieras. ()Puedes añadirlo al head, si lo pones en el body también funcionará.)

5-

<script>
$('#demo1).hover(function(){
$(this).trigger('startRumble');
}, function(){
$(this).trigger('stopRumble');
});
</script>

Y listo, algos así es lo que pone en la web. debería funcionarte.

@robnei agregame al skype y hablamos si quieres, miguel_angel_uoc que tienes la bandeja llena.

robnei · 4 Nov 2015

no me sale mi skype es: robnei.com

Jquery en wordpress

Comparte esta página