- art388 [art_on_the_internet] sp2013 -

instructor : ryanSmith

Week #7

** CHECK HOMEWORK
Let's see what you have for Project B.

Some work time.

flower
code for JavaScript slide show


LINK TO OPEN WEBSITE IN CUSTOM SIZE WINDOW

<a href= "javascript:void(0)"onclick="window.open('http://ryansmithart.com/','linkname',
'height=500, width=700,scrollbars=no')" > TEXT</a>

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

Home Work :
Next week, no Classes : Spring Break

The following week : March 25
Project B is Due
Things you will turn in (in a folder) March 25:
-The URL address of your uploaded project
- Site structure and wire frames
- If you gave me a CD for Project A, then put your Project B on a CD
- Otherwise, bring in the html, css, & image files in 1 directory