En, overigens, een enkel plaatje laat hij wèl zien.
Hier dan de html code met javascript:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Mijn eerste website></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></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*/
border: 5px solid darkred;
}
#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
http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<script type="text/javascript">
var mygallery=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [275, 200], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["_MG_2195 (Kopie).jpg", "", "_new", ""],
["_MG_2212 (Kopie).jpg", "", "", "_1e prijs fotowedstrijd Fotovakschool"],
["_MG_2218 (Kopie).jpg", "", "", ""],
["_MG_2236 (Kopie).jpg", "", "", ""],
["_MG_2239 (Kopie).jpg", "", "", ""],
["_MG_2242 (Kopie).jpg", "", "", ""]
],
autoplay: [true, 5000, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 800, //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>
</HEAD>
<BODY BGCOLOR=#90EE90>
<DIV ALIGN="CENTER">
<FONT size="5" FACE="ARIAL"> Arjans eerste website</FONT>
</DIV>
<div id="simplegallery1"></div>
<br>
<br>
<DIV ALIGN="CENTER"></div>
<A HREF="http://www.w3schools.com">
naar w3 schools</A>
<div id="simplegallery1"></div>
<BR>
<DIV ALIGN="LEFT"></div>
<BR>
<BR>
<BR>
</BODY>
</HTML>
En dan krijg ik nog als commentaar:
regel 0 Doctype given is "-//W3C//DTD HTML 4.01 regel 0 Document content looks like HTML 4.01 Transitional
regel 76 (div? anchor "simplegallery1" already defined
Toen heb ik die W3C geprobeerd weg te halen, mislukt.
en ook kan ik regel 76 niet zo maar weghalen.
Fijn, dat je er naar wilt kijken, alvast bedankt.
piet