Как сделать одно изображение на несколько кнопок и некоторые другие вещи

Question

Хорошо, я делаю приложение с таким типом диска: http://dl.dropbox.com/u/8051037/disk_full.png

У меня есть два кольца как отдельные изображения, но мне нужно сначала найти способ расположить их так, как они есть на изображении. Я не очень разбираюсь в раскладках, поэтому не знаю, с чего начать.

Кроме того, мне нужно, чтобы каждая секция, определенная черными линиями, была отдельной кнопкой изображения. Я всюду искал ответ на этот вопрос, но никто до сих пор не смог мне помочь.

Спасибо за любую помощь, застрял на этой проблеме в течение нескольких дней!

Answer 1

Вам понадобится карта изображения (которая следует этой базовой структуре), чтобы создать биты с возможностью нажатия ( пример ):

<map name="map-name">
<area shape="rect" coords="135,180,200,185" href="webpage1.html">
<area shape="circle" coords="49,300,42" href="webpage2.html">
<area shape="poly" coords="24,35,55,20,90,42,91,80,60,105" href="webpage3.html">
</map>
<img src="image.gif" usemap="#map-name">

Для вашего позиционирования вы не можете легко накладывать изображения и при этом сохранять работоспособность областей с кликами. Нет ли у вас способа скомбинировать изображения с самого начала (в фотошопе)?