Keskustelu: Nettisivujen teko: Linkkejä kuvan eri osista

KyostiK [22.01.2015 12:16:38]

Googlettaminen ja omaehtoinen yrittäminen ei ole tähän mennessä vielä tuottanut minulle toivottavaa tulosta. Ehkä täällä joku tietää?

Täällä löytyy ohjeet, kuinka PHP:llä luodaan kuvia:
https://www.ohjelmointiputka.net/oppaat/opas.php?tunnus=php_15

Kuinka voisin määritellä itse luomaani kuvaan alueita (esim. neliöitä) ja määritellä niin, että kukin neliö olisi linkki jollekin toiselle www-sivulle?

Mm. tätä
https://www.php.net/manual/en/function.ps-add-weblink.php
yritin kokeilla, mutta se on joko väärä tapa, tai sitten en vain osannut sitä oikein käyttää.

AkeMake [22.01.2015 12:34:00]

Yksi vaihtoehto on luoda se kuva PHP:llä valmiiksi ja laittaa paikoilleen ja sen jälkeen html:llä tehdä image map.

KyostiK [17.02.2015 13:13:32]

Jos käytän oikeaa kuvaa, onnistun luomaan linkkialueen kuvan päälle HTML:n imagemapilla.
En onnistu kuitenkaan niin, että teen PHP:llä kuvan ja käytän HTML:n imagemap-ominaisuutta PHP:n luomaan kuvaan.

Tämä luo kuvan (ei toimi kaikilla selaimilla), mutta en saa siihen luotua yhtään linkkialuetta.
Kaikki uudet vihjeet ovat tervetulleita.

<?php

$kuva   = imagecreate(1000, 700);
$tausta = imagecolorallocate($kuva, 230, 230, 230);
$puna   = imagecolorallocate($kuva, 255, 0,   0);

imagerectangle($kuva, 10, 10, 980, 680, $puna);
header("Content-Type: image/png");
imagepng($kuva);

print "<map name='mannerheimintie43'>";
print "<area shape='rect' coords='30,30,500,500' href='http://www.raamattu.info'>";
print "</map>";
print "<img src=\"$kuva\" usemap='#mannerheimintie43'>";

?>

Mod. lisäsi kooditagit!

Grez [17.02.2015 14:06:55]

Eihän se tietenkään toimi, kun selaimelle tuo on vain tavallinen png-kuva, jonka lopussa on jotain ylimääräistä roskaa. Imagemapit on html:n ominaisuus, ei PNG-kuvan.

Sun pitää luoda erikseen sivu, jossa on tuo php:llä luotu kuva ja erikseen html-sivu, jossa on sille määritelty imagemap:

Tyyliin:
kuva.php:

<?php

$kuva = imagecreate(1000, 700);
$tausta = imagecolorallocate($kuva, 230, 230, 230);
$puna = imagecolorallocate($kuva, 255, 0, 0);

imagerectangle($kuva, 10, 10, 980, 680, $puna);
header("Content-Type: image/png");
imagepng($kuva);

sivu.php:

<html><head></head><body>
  <map name='mannerheimintie43'>
    <area shape='rect' coords='30,30,500,500' href='http://www.raamattu.info'>
  </map>
  <img src="kuva.php" usemap='#mannerheimintie43'>
</body></html>

KyostiK [17.02.2015 14:49:10]

Kiitos Grez,
Nyt pääsin jyvälle asiasta ja pääsen etentmään.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Kirjautuminen

Haku