- art363&463 [interactive_media] -

instructor : ryanSmith

Week #15


**Mention Course Evaluations**

"Course evaluations for your SP 2013 will be available for your students to complete online from  May 1 - May 14, 2013. 
Students enrolled in your classes will receive an email on May 1, 2013morning (07:30 am) inviting them to log into the Towson Course Evaluation Online System (TCEO) and complete their evaluations. "

Final Project is due : May 21 (Tuesday), the last day of exams

FLASH :

fun stuff:
http://ryansmithart.com/build_your_own_brakhage.swf
open : QWERTY_CS5.fla
or QWERTY._CS4.fla

**Review publish settings

AS3 Progress Bar Component Tutorial
the progress bar code
with : uiLoader & progressBar (components) ; and status_txt ( Dynamic text )

FULLSCREEN :

//extra HTML code:
// <param name="allowFullScreen" value="true" />

import flash.display.StageDisplayState;

// for a projector file:
stage.scaleMode = StageScaleMode.NO_SCALE;

function goFullScreen():void{
if (stage.displayState == StageDisplayState.NORMAL) {
stage.displayState=StageDisplayState.FULL_SCREEN;
} else {
stage.displayState=StageDisplayState.NORMAL;
}
}
stage.addEventListener(MouseEvent.CLICK, _handleClick)
function _handleClick(event:MouseEvent):void
{
goFullScreen();
//gotoAndStop(2);
}

Basic JavaScript & jQuery

flower
code for JavaScript slide show


what's jQuery
here's the code

Lightbox

fancybox

More with jQuery, ".slideToggle"



Put this code in the <head>of your html:

<script src="jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>

Save this code as "jquery-1.7.1.min.js", and put it in the same directory as your html page:

jquery-1.7.1.min.js




<script type="text/javascript">
$(document).ready(function(){
$("#slideDiv").hide();
$("#slideDiv2").hide();

$(window).load(function(){

$("#toggle").click(function(){
$("#slideDiv").slideToggle(500);
});
$("#toggle2").click(function(){
$("#slideDiv2").slideToggle(500);
});

});
});
</script>
<div id="toggle">
<a href="#toggle">Click</a>
</div>
<div id="slideDiv">
</div>
<div id="toggle2">
</div>
<div id="slideDiv2">
</div>

Example: fractalcatmusic.com

More with jQuery,
"sticky nav & smooth scroll"

jQuery:
slide show (w/ image array)


Home Work :

Final Project is due : May 21 (Tuesday), the last day of exams

Keep working on it.