- art382 [interactive_media] sp2013 -

instructor : ryanSmith

Week #15

** Course Evaluations **

CLASS PHOTO

due :
Wed. May 8 :
*Last day to resubmit Projects A, B, or C for grade improvement
Rough Draft of Final Project is due

FLASH :

**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

1 2 3
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 :

May 8th
*Last day to resubmit Projects A, B, or C for grade improvement
Rough Draft of Final Project is due

FINAL PROJECT is due...

http://registrar.umbc.edu/files/2012/12/S13FinalExam.pdf

If ( class time == MON & WED 10:00 AM ) {
Exam time = MON, MAY 20, 10:30 AM - 12:30 PM
}else{
Exam time = MON, MAY 20, 10:00 AM - 12:00 PM?
}

If ( class time == MON & WED 2:00 PM ) {
Exam time = FRI, MAY 17, 1:00 - 3:00 PM

}