scripts
Hoi Technieman,
Welkom op het forum!
Daar zijn wat moeilijk tips over te geven, als we:
- niet weten welk script het is, en
- niet weten hoe je startpagina er qua code, opmaak en afbeeldingen uit ziet.
Heb je wat meer informatie en een testpagina?
Met vriendelijke groet,
CSShunter
Allereerst bedankt voor je reactie.
En inderdaad ik ben net nieuw hier dus weet nog niet zoveel van dreamweaver.
Dus vandaar dat ik wat tips of hints wil en dan probeer ik de rest uit te zoeken.
Ik hoop dat je hier iets aan hebt.
<!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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<style type="text/css">
body,td,th {
font-family: "Comic Sans MS", cursive;
font-size: 16px;
color: #0C0;
}
body {
}
#apDiv1 {
position: absolute;
left: 16px;
top: 49px;
width: 226px;
height: 259px;
z-index: 1;
}
.hallo {
font-family: Georgia, Times New Roman, Times, serif;
}
.a {
font-family: Verdana, Geneva, sans-serif;
}
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<!-- TemplateBeginEditable name="Edit wereld kaart" --><img src="../world-flag-wallpapers-backgrounds-for-powerpoint.jpg" width="1024" height="640" />
<table width="1200" border="1">
<tr>
<td height="135" colspan="2"><table width="415" border="1" align="center">
<tr>
<td colspan="2" bgcolor="#993333"> </td>
</tr>
<tr>
<td width="281" height="100" align="left" valign="top" bgcolor="#0099CC"><table width="200" height="60" border="1" align="left">
<tr>
<td>Test 1</td>
<td>Test 2</td>
</tr>
<tr>
<td>Test 3</td>
<td>Test 4</td>
</tr>
</table></td>
<td width="118" bgcolor="#CCCC66"> </td>
</tr>
</table></td>
</tr>
<tr>
<td width="180"> </td>
<td width="467"> </td>
</tr>
</table>
<!-- TemplateEndEditable -->
</body>
</html>
Script tbv vergrootglas
// JavaScript Document$(document).ready(function(){
/* This code is executed on the document ready event */
var left = 0,
top = 0,
sizes = { retina: { width:190, height:190 }, webpage:{ width:500, height:283 } },
webpage = $('#webpage'),
offset = { left: webpage.offset().left, top: webpage.offset().top },
retina = $('#retina');
if(navigator.userAgent.indexOf('Chrome')!=-1)
{
/* Applying a special chrome curosor,
as it fails to render completely blank curosrs. */
retina.addClass('chrome');
}
webpage.mousemove(function(e){
left = (e.pageX-offset.left);
top = (e.pageY-offset.top);
if(retina.is(':not
animated):hidden')){
/* Fixes a bug where the retina div is not shown */
webpage.trigger('mouseenter');
}
if(left<0 || top<0 || left > sizes.webpage.width || top > sizes.webpage.height)
{
/* If we are out of the bondaries of the
webpage screenshot, hide the retina div */
if(!retina.is(':animated')){
webpage.trigger('mouseleave');
}
return false;
}
/* Moving the retina div with the mouse
(and scrolling the background) */
retina.css({
left : left - sizes.retina.width/2,
top : top - sizes.retina.height/2,
backgroundPosition : '-'+(1.6*left)+'px -'+(1.35*top)+'px'
});
}).mouseleave(function(){
retina.stop(true,true).fadeOut('fast');
}).mouseenter(function(){
retina.stop(true,true).fadeIn('fast');
});
