Кликабельные картинки в игре

1. Если Вы хотите просто загрузить картинку в свою игру, Вы можете использовать тег:

 <div align="center"><img src="Ваша картинка.jpg" border="0" /></div>

Где:

Ваша картинка.jpg - картинка, которую вы хотите загрузить (возможные расширения: tiff, bmp, jpg, jpeg, png, gif и т.д.)
center - ориентация вашей картинки по центра (возможные вариант left, right)

0 - толщина рамки вокруг картинки (0 - рамка отсутствует - значения безграничны. Рамка шириной 3-4мм, при значении = 10)

Вот пример

(код: <div align="center"><img src="<span style="color: #ffffff;">http://d1.endata.cx/data/games/40459/ss32%282013-02-1232at3201.47.18%29.jpg" alt="" border="0" /></div>)

где http://d1.endata.cx/data/games/40459/ss32%282013-02-1232at3201.47.18%29.jpg  - ссылка на картинку

2. Если Вы хотите сделать кликабельную картинку, то есть два варианта:

а) Способ двух картинок и вот этот тег:

<span class="white"><a href="Ссылка на большую картинку.jpg"><img src="Ссылка на маленькую картинку.jpg"></a></span>

Где:

Ссылка на большую картинку.jpg - картинка, которую вы хотите загрузить (возможные расширения: tiff, bmp, jpg, jpeg, png, gif и т.д.)

Ссылка на маленькую картинку.jpg - картинка, которую вы хотите загрузить (возможные расширения: tiff, bmp, jpg, jpeg, png, gif и т.д.)

Как видно при нажатии, картинка не меняет пропорции и не теряет качества - это самые важные условия для данной операции.

б) Уменьшение исходной большой картинки

<a href="Ваша картинка.jpg" target="_blank"><img src="Ваша картинка.jpg" border="0" width='600' height='600' /></a></span>

Где:

Ваша картинка.jpg - картинка, которую вы хотите загрузить (возможные расширения: tiff, bmp, jpg, jpeg, png, gif и т.д.). Она (по идее) должна иметь размер, который слишком велик для окна движка игры, и её надо уменьшить.

border="0" - ширина рамки

width='600' height='600' - ширина и высота вашей картинки на выходе. Очень важно, чтобы Вы сохранили пропорции картинки, иначе могу быть вот такие варианты:

а) картинка горизонтальная, а вы даёте размеры 600 на 600 (нажмите, чтобы увидеть, что изначально всё было хорошо):

б) Вы сделали всё нормально но всё же пропорции не были соблюдены (600 на 300):

Конечно, лучше, чем наоборот, и всё же это неправильно.

в) И самый главный пункт - не делайте наоборот, не берит маленькую картинку и не делайте из нее большую, чтобы на последней не был виден каждый конкретный пиксель.

На главную