jQuery Archive
-
Great Hotspot Image Swap
Posted on 27th Apr 2011 | No CommentsUsing ‘hotspots’ to swap images is pretty straight forward, and can be really effective…. try this method from Stackoverflow <img src="nav.jpg" /> //set off state var nav_off = "/images/nav-off.jpg"; //... -
FW: Fancybox
Posted on 24th Apr 2011 | No Commentshttp://net.tutsplus.com/tutorials/wordpress/anatomy-of-a-wordpress-plugin/ http://wordpress.tv/2009/09/20/john-hawkins-plugin-building-portland09/ http://www.tipsandtricks-hq.com/wordpress-lightbox-ultimate-plugin-display-media-in-a-fancy-lightbox-overlay-3163 -
window.onresize
Posted on 2nd Jul 2010 | No CommentsSometimes you need to change something depending on the browser size. Often this means that you’ll need to check for the browser being resized too… To do this you use:... -
Javascript not validating?
Posted on 21st Apr 2010 | No CommentsCommon problem, just wrap it in CDATA tags… <script type="text/javascript"> /*<
jQuery .hover();
Posted on 14th Apr 2010 | No CommentsLike .click(), the params are normally other functions. .hover() is pretty much the same as mouseover() however… .hover() can have it’s ‘re-set’ function in the same block of code, whereas... -
jQuery .click();
Posted on 14th Apr 2010 | No CommentsEvent handler that gets attached to a jQuery object thats targeting an element… i.e. $(h4).click(); The above triggers when you click on a h4 tag, but to get it to... -
More powerful jQuery selectors
Posted on 14th Apr 2010 | No Comments:first The first match of the page. li a:first returns the first link also under a list item :last The last match of the page. li a:last returns the last... -
Powerful jQuery Tag Selectors
Posted on 14th Apr 2010 | No CommentsHere are a few examples of tag selectors that go between the ‘magic’ jQuery $();….. * Matches any element E Matches all elements with tag name E i.e. $(‘img’); E... -
To ‘Get’ an element in jQuery
Posted on 14th Apr 2010 | No CommentsTo ‘get’ and element ID or CLASS you can use the same functions as CSS i.e. $('#id-name'); or $('.class-name'); You can use single or double quotes too, i.e. $('#single-quotes'); or... -
Adding jQuery to your page
Posted on 14th Apr 2010 | No CommentsTo call jQuery you can either download it or use the Google content network… If you download it, you’ll need to call it in the head like: <script type="text/javascript" src="script/jquery-1.3.2.min.js"></script>...
