Media Events jQuery

A common thing to want to do is respond to the state of some media (audio of video) playing on your page. You can “hook” into a number of events on the media object, like when the video is playing, when it is paused, even find out the current time of the video. However, we’ll […]

Read More

jQuery Scroll Event

The jQuery scroll event works just the .click() event, the main difference is that we usually want to bind it to the whole document (the webpage) rather than a specific div or img tag. So the event declaration will look like this:

Note: This should be within the document ready function. In this function, […]

Read More

jQuery Change Image

Changing an image in jQuery is pretty straight forward. First of all, you need an image to change. This is just a usual html image in your page with an id on it:

We know that the image being displayed comes from the “src” attribute of the image tag, so this is what we […]

Read More

jQuery Intro

In your scripts file, you should always start with the following:

This makes sure your page is fully loaded before any further interaction takes place. Selectors Selectors are how you select what element on your page that you want to “interact” with (element referring to the part of you HTML, an image for example). […]

Read More