Javascript Stuff

An online diary of people and events on my mind.

Javascript Stuff

Postby mxsquid » 09 Jan 2010, 00:26

Javascript University

http://www.w3schools.com/JS/js_examples_3.asp

Code: Select all
<!-- TWO STEPS TO INSTALL RANDOM IMAGE:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array.

theImages[0] = '1250069604714.jpg'
theImages[1] = '1250494986696.jpg'
theImages[2] = '1250496332657.jpg'
theImages[3] = '1250663028315.jpg'
theImages[4] = '1250839054999.jpg'
theImages[5] = '1250929605294.jpg'
theImages[6] = '1250929712378.jpg'
theImages[7] = '1250930112749.jpg'
theImages[8] = '1250930267898.jpg'
theImages[9] = '1250936547822.jpg'
theImages[10] = '1250936912855.jpg'
theImages[11] = '1250937060380.jpg'
theImages[12] = '1250937085913.jpg'
theImages[13] = '1250937102459.jpg'
theImages[14] = '1250937169859.jpg'

// do not edit anything below this line

var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
   preBuffer[i] = new Image()
   preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'" width="800" height="600">');
}

//  End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
showImage();
//  End -->
</script>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>


CSS trick using jquery to create resizeable images.

http://css-tricks.com/how-to-resizeable ... und-image/

JQuery

http://jquery.com/

14 Fresh and Useful jQuery Plugins

http://webdesignledger.com/tools/14-fre ... ry-plugins

JavaScriptKit

http://www.javascriptkit.com/

Learning jQuery 12/26/2012

http://api.jquery.com

Free, really in-depth, and it starts at entry-level!
https://tutsplus.com/course/30-days-to-learn-jquery/

Hardcore Development
http://pluralsight.com

They have the best tutorial that I've seen so far. Both beginner and advanced
http://jqueryair.com

JQuery as a beginner....
http://www.w3schools.com/jquery/default.asp

Not so newbie stuff, but it'll teach js too
http://paulirish.com/2011/11-more-thing ... ry-source/

Video. They've got a series from Javascript 101 all the way up to jQuery Events, with simple jsfiddle practice tests at the end of each section
http://appendTo.com

http://springjquery.blogspot.com/
mxsquid
Site Admin
 
Posts: 543
Joined: 22 Mar 2008, 18:52

Return to JPL and Other Daydreams

Who is online

Users browsing this forum: No registered users and 1 guest

cron