- art388 [art_on_the_internet] sp2013 -
instructor : ryanSmith
Week #7
** CHECK HOMEWORKLet's see what you have for Project B.
Some work time.
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"> $(document).ready(function(){
$("#slideDiv").hide();
$("#slideDiv2").hide();
$(window).load(function(){
$("#toggle").click(function(){
$("#slideDiv").slideToggle(500);
});
$("#toggle2").click(function(){
$("#slideDiv2").slideToggle(500);
});
});
});
</script>
<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