Tijden veranderen
Plaatje vergroten met coordinaten
Ik maak voor twee mensen een website, maar zit met een probleem. Heb een simpele html pagina waarin een rand staat en daarin een plaatje. Dit plaatje wil ik op elke browser in volledig scherm zien (zit zou me nog wel lukken).... Maar dan, het probleem: in het plaatje 'hangen' een aantal spullen, waarop geklikt kan worden. Dit werkt met behulp van mapping (zie code voor duidelijkheid). Dit werkt met coördinaten, en kan dus niet groter of kleiner gemaakt worden: dan blijven de coördinaten dus hetzelfde. (momenteel is er 1 vak aanwezig, maar hier komen er nog meer). Is hier een oplossing voor?? (scrollen moet juist voorkomen worden)
Voorbeeld: sylensaar.nl
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<link rel="stylesheet" type="text/css" href="style.css">
<title>Welkom op de webshop van Syl en Saar!</title>
</head>
<body id="content">
<DIV ALIGN=CENTER>
<MAP NAME="map1">
<AREA
HREF="/e107_plugins/e107shop/products.php?cat=5" ALT="Stoelen" TITLE="Stoelen"
SHAPE=RECT COORDS="260,15,310,130">
</MAP>
<IMG SRC="tree1.jpg"
ALT="site map" BORDER=0
USEMAP="#map1"><BR>
</DIV>
</body>
</html>
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<link rel="stylesheet" type="text/css" href="style.css">
<title>Welkom op de webshop van Syl en Saar!</title>
</head>
<body id="content">
<DIV ALIGN=CENTER>
<MAP NAME="map1">
<AREA
HREF="/e107_plugins/e107shop/products.php?cat=5" ALT="Stoelen" TITLE="Stoelen"
SHAPE=RECT COORDS="260,15,310,130">
</MAP>
<IMG SRC="tree1.jpg"
ALT="site map" BORDER=0
USEMAP="#map1"><BR>
</DIV>
</body>
</html>
Op aanraden van een gebruiker van het forum werd er een optie gegeven:
Dit is een mogelijke oplossing, kijken via javascript wat de resolutie is van het beeldscherm en aan de hand daarvan kijken hoeveel keer je iets moet vergroten en dan met javascript de coords weer aanpassen. (gebruiker: Oetzie cookie).
Mijn probleem: ik weet niks van javascript af! Is hier iemand die mij misschien wil helpen?
Toevoeging op 16/11/2010 13:41:43:
somebody?
Gewijzigd op 15/11/2010 14:26:08 door Bjorn Hoogeveen
Er zijn nog geen reacties op dit bericht.