De el otro post. Las Instrucciones que te puse son las mismas que vienen en el tutorial que tú mismo ligaste. Son las instrucciones genéricas de lo que ya viene en el script del ejemplo.
Cita: He introducido el <script> y el <style> en el head de mi documento
Pues eso, ya.
Cita: donde debo introducirla?? al final de documento dentro del <body>? en un archivo .js externo?
Ojo que eso es una pregunta genérica que no tiene que ver con el waypoints. Así que te dejo de tarea cómo puedes poner JavaScript en un documento, hay varios "niveles".
En este caso, como te escribí arriba
Cita: Si ves el código fuente de la página notarás que necesitas simplemente 3 recursos:
Son sólo esos tres recursos, lo que significa que lo demás va dentro del head de tu documento y ya.
Te explico la base:
<script type="text/javascript">
jQuery(function($) {
$('
img').waypoint(function() {
$(this).toggleClass( 'rotateIn animated' );
},
{
offset: '70%',
triggerOnce: true
});
Lo rojo te marca que cosa quieres animar. En este caso las etiquetas img.
Si quieres animar un objeto en particular le pones un id. <img id="AnimarSoloEsto">
$('
#AnimarSoloEsto').waypoint(function() {
Y lo mismo para un class.
$('
.AnimarEstos').waypoint(function() {
Igual que el css. # para el id y un punto . para los class.
---
Lo que noto es que el Waypoints descargado del sitio original no jala en este ejemplo, así que descarga este: view-source:
http://miguelmanchego.com/samples/2014/waypoints.min.js