Jump to content
php.lv forumi

Html - image map


hoho

Recommended Posts

Kā ar imagemap var uztaisīt lai kad kursors ir virsu kādai zonai lielā bildē, lai parādītos  title vai alt text nevis standarta veidā, bet ka <div> ar savu css stilu?

 

Piem.:

 

<img src="someimage.jpg" usemap="#somemapname" /> 
<map name="somemapname">
<area shape="rect" coords="100,10,200,90" href="somelink" title="myTitle" alt="myTitle" />
</map>
 
Lai teksta "myTitle" vietā paradītos kaut kāds div ar ikonu, fonu utt.
Link to comment
Share on other sites

Jo aprēķināt vai es šāda veida linkā ieklikšķinu vai ieklikšķinu tam blakus būs pārāk laikietilpīgi.

http://static3.depositphotos.com/1001224/220/v/950/depositphotos_2209685-Reclame-star-shape.jpg

Jautrāk, ja visi linki nav vienas formas, bet ir arī ar neregulārām līkveida robežām. :) Kur nu vēl, ja tās ir kaut kādas kartes. :)

 

Vai arī jūs to kaut kā savādāk domājāt izdarīt?
 

Link to comment
Share on other sites

Kas jums pret map? Riktīgi laba štelle, ja nav taisnstūris. Nez kā ar JS varētu būt vienkāršāk...

 

Ir tācu arī online pieejami rīki, kas vnk uzģenerē visas kooridnātes, pat kaut kādā GIMP esot rīks, kas eksportē map'u.

 

Domāju, ka vienkāršākas/labākas alternatīvas nav.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...