pepernoot
Gebruiker
- Lid geworden
- 14 mei 2009
- Berichten
- 322
ik ben bezig met een website voor een tekenares.
wat er dus zeker op die site moet komen te staan zijn haar afb.(kunstwerken).
ik heb dus al iets gemaakt (dit is alleen het systeem het komt er anders uit te zien) waar ik haar kunstwerken kan laten zien
http://jdb.ueuo.com/index.html
zie de link.
maar nu wil ik aan de zijkant een pijltje of iets dergelijks waar je de foto's achter elkaar kan zien dus als je op dat pijltje klikt zie je
foto1
foto2
fot03 enz
maar ook dat als je daar op klikt dat hij doorgaat op pagina 2
dus
foto1 (pag1)
foto2(pag1)
fot03(pag1)
foto4(pag2)
foto5(pag2)
en zo maar door
weet iemand hoe ik dat moet doen.
alvast bedankt
(hoe zet je trouwers de code duidelijk neer met nummers en kleuren)
wat er dus zeker op die site moet komen te staan zijn haar afb.(kunstwerken).
ik heb dus al iets gemaakt (dit is alleen het systeem het komt er anders uit te zien) waar ik haar kunstwerken kan laten zien
http://jdb.ueuo.com/index.html
zie de link.
maar nu wil ik aan de zijkant een pijltje of iets dergelijks waar je de foto's achter elkaar kan zien dus als je op dat pijltje klikt zie je
foto1
foto2
fot03 enz
maar ook dat als je daar op klikt dat hij doorgaat op pagina 2
dus
foto1 (pag1)
foto2(pag1)
fot03(pag1)
foto4(pag2)
foto5(pag2)
en zo maar door
weet iemand hoe ik dat moet doen.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>title</title>
<style type="text/css">
<!--
body {
background-color: #000099;
}
.style6 {color: ooooff}
.style7 {color: #0000CC}
body {
background-color: #FFFFFF;
}
.style11 {font-size: 16px}
.style24 { font-size: 20px;
font-weight: bold;
}
.style25 {
font-size: 13px
}
.style26 {
color: ooooff;
font-size: 13px;
}
-->
</style>
</head>
<body>
<script type="text/javascript">
// Yay for Suckerfish!
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("template_nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
</script>
<SCRIPT type="text/javascript">
function set_pet_img(url, color_name) {
var pet_img = document.getElementById('rp_pet_img');
pet_img.src = url;
var pet_title = document.getElementById('rp_pet_title');
pet_title.innerHTML = color_name;
}
</SCRIPT>
<script type="text/javascript">
var keywords = '';
var ctxtId = 'neopets_nl';
var ctxtCat = '';
var mkt = 'NL';
var type = 'pool';
var keywordCharEnc = '';
var outputCharEnc= '';
var maxCount = '';
var keyword_arr = new Array('Home Theater','Concert Tickets','Mp3 Players','Car Stereos');
var div_width = '500px';
var g_baseOvertureCMUrl = 'http://cm.eu.viacom.overture.com/js_flat_1_0/';
var g_overtureCMSource = 'viacom_neopets_ctxt';
var g_overtureCMConfig = '1218501560';
var g_baseOvertureSearchUrl = 'http://html.overture.com/d/search/p/mtv/js/flat/';
var g_overtureSearchPartner = 'viacom_search_text';
</script>
<script type="text/javascript">
//Create a configuration object and add the keywords to the conf.
var conf = new overtureContentMatchConf();
conf.setCtxtKeywords(keywords);
if (!isEmpty(ctxtId)) {
conf.setCtxtId(ctxtId);
}
else {
//use the map to get the ctxtId
conf.setCtxtIdMap(g_contextIdMap);
}
if (!isEmpty(ctxtCat)) {
conf.setCtxtCat(ctxtCat);
}
if (!isEmpty(mkt)) {
conf.setMkt(mkt);
}
if (!isEmpty(type)) {
conf.setType(type);
}
else {
conf.setTypeMap(g_typeIdMap);
}
if (!isEmpty(keywordCharEnc)) {
conf.setKeywordCharEnc(keywordCharEnc);
}
if (!isEmpty(outputCharEnc)) {
conf.setOutputCharEnc(outputCharEnc);
}
if (!isEmpty(maxCount)) {
conf.setMaxCount(maxCount);
}
var myUrl = createOvertureCMLink(conf);
loadOvertureCMInclude(conf);
</script>
<script language="Javascript">
if (links != undefined) { document.writeln(showLinks3(links, 0, 4)); }
</script>
<table width="800" height="447" border="0" align="center">
<tr>
<td><table width="654" border="0" align="center" cellpadding="4" cellspacing="0" bordercolor="#cccccc">
<tbody>
<tr>
<td width="745" height="219" align="middle" valign="top"><div align="center"><span id="rp_pet_title"></span><br />
<img src="hoi afb.jpg" alt="" name="rp_pet_img" width="646" height="300" border="0" align="left" id="rp_pet_img" /></div></td>
</tr>
</tbody>
</table>
<a href="pagina 2.html">volgende pagina
</a>
<p>volgende afbeelding</p></td>
<td> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#0099CC"><a onclick="set_pet_img('hoi afb.jpg', '');" href="javascript:;"><img src="hoi afb.jpg" alt="" width="118" height="118" border="0" /></a>
<a onclick="set_pet_img('smile.jpg', '');" href="javascript:;"><img src="smile.jpg" alt="" width="118" height="118" border="0" /> </a>
<a onclick="set_pet_img('pip.jpg', '');" href="javascript:;"><img src="pip.jpg" alt="" width="118" height="118" border="0" /> </a>
<a onclick="set_pet_img('pip4.jpg', '');" href="javascript:;"><img src="pip4.jpg" alt="" width="118" height="118" border="0" /> </a>
<a onclick="set_pet_img('pip3.jpg', '');" href="javascript:;"><img src="pip3.jpg" alt="" width="118" height="118" border="0" /> </a>
</table>
</body>
</html>alvast bedankt
(hoe zet je trouwers de code duidelijk neer met nummers en kleuren)
