ImageSwape doorlink
Ik ben bezig met een website voor de ipad waarin de image moet veranderen naar een andere maar na dat die dat doet moet die na een paar seconden door gaan naar een link.
Dit wil ik omdat de ipad geen hover ondersteund en ik toch een feedback wil geven.
Mijn 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" xml:lang="en" lang="en" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/css.css" />
<style type="text/css">
body {font-family:arial}
h3 {background-color:#444;color:white;padding:3px}
img {cursor:hand;cursor:pointer}
</style>
<script type="text/javascript" src="jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="jquery.metadata.min.js"></script>
<script type="text/javascript" src="jquery.swapimage.min.js"></script>
</head>
<body>
<script type="text/javascript">
$.swapImage(".swapImage");
$.swapImage(".swapImageClick", true, true, "click");
$.swapImage(".swapImageDoubleClick", true, true, "dblclick");
$.swapImage(".swapImageSingleClick", true, false, "click");
$.swapImage(".swapImageDisjoint");
</script>
<div id="afbeelding">
<div>
<img id="afbeelding1" class="swapImageClick {src: 'images/linksboven2.png'}" src="images/map.png" alt="" />
</div>
<div>
<img id="afbeelding2" class="swapImageClick {src: 'images/rechtsboven2.png'}" src="images/map.png" alt="" />
</div>
<div>
<img id="afbeelding3" class="swapImageClick {src: 'images/rechtsonder2.png'}" src="images/map.png" alt="" />
</div>
<div>
<img id="afbeelding4" class="swapImageClick {src: 'images/linksonder2.png'}" src="images/map.png" alt="" />
</div>
<div>
<img id="afbeelding5" class="swapImageClick {src: 'images/midden.png'}" src="images/middenblank.png" alt="" />
</div>
</div>
</body>
</html>
Gewijzigd op 03/01/2011 12:05:45 door Kees -