Html képkapcsolatok

előző ◈ a következő

Láttuk, hogyan készíthetünk hiperszöveges kapcsolatot a szöveg használatával, és megtudtuk, hogyan használhatjuk a képeket weboldalainkon. Most megtudhatjuk, hogyan használjuk a képeket hiperhivatkozások létrehozására.

Ez a következőket tartalmazza, ahol rákattinthat a képekre, hogy elérje a konzultáció kezdőlapját.

Kattintson a következő linkre

Ez volt a legegyszerűbb módja a hivatkozásoknak a képek használatával történő létrehozásához. Ezután meglátjuk, hogyan hozhatunk létre egér-érzékeny képcsatlakozást.

Egérérzékeny képek

A HTML és az XHTML szabványok olyan funkciót biztosítanak, amely lehetővé teszi, hogy egyetlen képen belül sok különböző linket ágyazjon be. Különféle kapcsolatokat hozhat létre egyetlen képen a képen elérhető különböző koordináták alapján. Ha a kapcsolat a különböző koordinátákhoz van csatolva, akkor kattintsunk a kép különböző részeire a céldokumentumok megnyitásához. Olyan izomérzékeny képek, mint kép térképek.

A kép térképek létrehozásának két módja:

  • Sserver-side kép térképek - Ezt a ismap tag attribútum teszi lehetővé és hozzáférést igényel a kiszolgálóhoz és egy kapcsolódó kép-kártya feldolgozó alkalmazáshoz.
  • Az ügyféloldali kép térképeket a címke usemap attribútumával hozza létre , a megfelelő címkékkel együtt és .

Szerver oldali kép térképek

Itt csak fel a képet a hiper-kapcsolat, és használja ismap tulajdonság ami számukra egy különleges kép, és ha a felhasználó rákattint egy helyet a képen belül, a böngésző át a koordinátákat az egérmutató a megadott URL címke a webszerverre. A kiszolgáló az egérmutató koordinátáit használja annak meghatározására, hogy melyik dokumentumot adja vissza a böngészőbe.

A ismap használatakor a címkéket tartalmazó href attribútum meg kell adnia a kiszolgáló alkalmazás URL-jét, mint cgi vagy script stb. A PHP a bejövő kérelmet a beadott koordináták alapján kezeli.

Az egér koordinátái a képernyő bal felső sarkából számolják ki a képernyő-pixeleket (0,0). Az URL végéhez hozzáad egy koordinátát, amelyet egy kérdőjel előz meg.

Például, ha a felhasználó 20 képpont fölé és 30 képpontra kattint a következő kép bal felső sarkában. az

Kattintson a következő linkre

Mi keletkezett a következő kódfájlban:

Ezt követően, a böngésző elküldi a következő paramétereket keresni a webszerver, hogy lehet feldolgozni a forgatókönyvet vagy archiválási ismap.cgi kártya és lehetővé teszi bármilyen dokumentumot szeretsz következő koordinátákat:

Így különböző kapcsolatokat rendelhet a különböző képkoordinátákhoz, és ha ezeket a koordinátákat rákattintják, megnyithatja a megfelelő kapcsolódó dokumentumot. Annak érdekében, hogy többet tudjon meg a ismap attribútumról. tudod ellenőrizni, hogyan kell használni a ismap képeket?

Megjegyzés: A Perl programozás tanulmányozása során megtudhatja a CGI programozását. Írd le a forgatókönyvet, hogy ezeket a keresztirányú koordinátákat PHP vagy bármely más szkript segítségével feldolgozza. Mostantól a HTML tanulással foglalkozunk, és később újra megnézhetjük ezt a szakaszt.

Ügyfél oldali kép térképek

Az ügyfelek oldalképképei a címke usemap attribútum által engedélyezettek

és speciális kiterjesztési címkékkel van meghatározva és .

A térképet létrehozó kép a címke segítségével kerül az oldalra

mint egy normál kép, kivéve, ha extra nevű usemap attribútumot hordoz. A címke attribútum értékének értékét kell használni a címkén a kártya címkéihez és a kapcsolat képeihez. a címkével együtt meghatározza a légi felvétel és a megfelelő kapcsolatok összes koordinátáját.

címke a térképcímke belsejében adja meg az alakzatot és a koordinátákat, hogy meg lehessen határozni a képen elérhető minden kijátszható hozzáférési pont határait. Íme egy példa egy képi térképről:

Koordinátarendszer

A coords természetes értéke függött a szóban forgó formától. Itt egy összefoglaló, amelyet részletes példák követnek:

a téglalap bal felső sarkának x1 és y1 koordinátái; x2 és y2 a jobb alsó sarok koordinátái.

xc és yc a kör középpontjának koordinátái, és a sugár a kör sugara. A kör 200.50 körüli középpontú, 25-es sugárral rendelkezik egy coords = "200.50.25" attribútum

A különböző x-y-párok meghatározzák a sokszög csúcspontot (pontokat), a "vonal" pedig az egyik pontról a következő pontra húzódik. Diamond föld felső ponton 20,20 és 40 pixel-szerte a legszélesebb szakaszában volna coords = „20,20,40,40,20,60,0,40” attribútummal.

Minden koordináta a kép bal felső sarkához viszonyítva (0,0). Mindegyik űrlapnak van egy kapcsolódó URL-címe. Minden képszoftverrel ismerheti meg a különböző helyszínek koordinátáit.

Kapcsolódó cikkek
előző ◈ a következő