another reason I love jQuery:
I'm making a page that lets you slide through a couple dozen images which include some text of a helpful factoid. (yes I know text doesn't belong in images but this is highly stylized info and each slide is very different in layout and format.) Anyway, at any point you're supposed to be able to click "share on facebook" and the text from the current slide should be pre-filled as the caption that you post on your wall/timeline.
aside from using a super awesome and simple jQuery
slider plugin (which works great on mobile platforms by responsively resizing images based on the window port size and also allows finger swiping) jQuery also saved the day with a super easy solution to dynamically setting the caption in the facebook function:
<ul>
<li id="slide_0"><img src="images/factoids/slide1.png" alt="text of this slide" /></li>
<li id="slide_1"><img src="images/factoids/slide2.png" alt="text of the next slide" /></li>
<li id="slide_2"><img src="images/factoids/slide1.png" alt="text of... you get the idea" /></li>
</ul>
<script>
var slide_number; // is an numeric variable I set on callback from the slider plugin to tell me which slide the user is looking at.
var facebook_caption = $("#slide_"+slide_number+" img").attr("alt");
</script>
I'm also doing some pretty cool /#!/
hashbang stuff too; updating the URL based on the current slide so you can link to the single page and have the slideshow start with the slide called from the URL.
