Begin foto op volledig scherm, met kliks erin!
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??
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</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>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</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>
en thanks voor die link!!
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.