drowe1016 on DeviantArthttps://www.deviantart.com/drowe1016/art/Gallery-333017098drowe1016

Deviation Actions

drowe1016's avatar

Gallery

By
Published:
290 Views

Description

webpage for class

<html><head>
<title>Cute Pokémon Gallery</title>
<script type="text/javascript" src="[link]"></script>
<style type="text/css">

/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}</style>

<script type="text/javascript" src="simplegallery.js">
/***********************************************
* Simple Controls Gallery- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at [link] for this script and 100s more
***********************************************/
</script>

<script type="text/javascript">
var mygallery=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [500,500], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["torchicleaves.jpg"],
["swinub.png"],
["sandile.jpg"],
["spheal.jpg"]
],
autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//Keyword "this": references current gallery instance
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})
</script>

<script type="text/javascript">
var mygallery=new simpleGallery({
wrapperid: "simplegallery2", //ID of main gallery container,
dimensions: [500,500], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["tangrowthhoppip.jpg"],
["tropart.jpg"],
["pikachuhat.jpg"],
["eeveeoctillery.jpg"]
],
autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//Keyword "this": references current gallery instance
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})
</script>


<script type="text/javascript">
var mygallery=new simpleGallery({
wrapperid: "simplegallery3", //ID of main gallery container,
dimensions: [500,500], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["eeveelution.png"],
["munchlax.png"],
["sentret.jpg"],
["pikachu3.png"]
],
autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//Keyword "this": references current gallery instance
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})
</script>





<script type="text/javascript">
var mygallery=new simpleGallery({
wrapperid: "simplegallery4", //ID of main gallery container,
dimensions: [500,500], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["ampharos.jpg"],
["mew.jpg"],
["hoppip.jpg"],
["riolucyndaquil.jpg"]
],
autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//Keyword "this": references current gallery instance
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})
</script>




<style>
h1 {margin-top:70;
margin-bottom:70;}</style>
</head>



<body>
<style type="text/css">
body {background: url(pokemon_background.jpg);}</style>


<table bordercolor="ECADA0" bgcolor="F9F7BF" align="center">
<tr>
<td><div id="simplegallery1"></td>
<th width="270"><font color="514742" size="5"><img src="pokemonwelcome.png" width="272" height="170" align="center">

Welcome to the
Cute Pokémon Gallery! Enjoy all of the most adorable pictures of our favorite Pokémon.</th>
<td><div id="simplegallery2"></td></tr>
<tr>
<td><div id="simplegallery3"></td>
<th width="270"><font color="514742" size="5">Bonus Pokémon Theme!</font><iframe width="250" height="188" src="[link]" frameborder="0" allowfullscreen></iframe>



</font><font color="514742" size="3">None of this artwork is by me, and all the credit goes to the artists. :)


<P><input type="submit" value="To the Homepage"><input type="submit" value="Take a Poll">
<input type="submit" value="Generate Your Party"></th>
<td><div id="simplegallery4"></td></tr>
</table>





</body>
</html>
Image size
1042x651px 399.05 KB
© 2012 - 2024 drowe1016
Comments0
Join the community to add your comment. Already a deviant? Log In