Задать вопрос
@qwer851

Привет,Как добавить на картинку функцию onclick?

Есть такой код,как на картинку добавить функцию onclick?

<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<style type="text/css">
#tabs
{
font-size:0.7em;
height:500px;
}
#city.ui-autocomplete-loading {background: url("ajaxload.gif") right center no-repeat;}
#img
{
float:left;
margin-top:10px;
margin-right:10px;
border:2px black solid;
}
#image{width:200px;}
#city{width:400px;}
#tabs-2 p,#tabs-3 p
{
font-size:1.2em;
}
</style>

<script type="text/javascript">
$(document).ready(function() {

   var country=["Австралия",
   "Австрия",
   "Азербайджан",
   "Аргентина",
   "Афганистан",
   "Бангладеш",
   "Беларусь",
   "Бразилия",
   "Великобритания ",
   "Вьетнам",
   "Германия",
   "Греция",
   "Грузия",
   "Дания",
   "Египет",
   "Израиль",
   "Ирак",
   "Иран",
   "Испания ",
   "Италия",
   "Канада",
   "КНР",
   "Куба",
   "Латвия",
   "Литва",
   "Мексика",
   "Монголия",
   "Нигерия",
   "Нидерланды ",
   "Пакистан",
   "Польша",
   "Португалия",
   "Россия",
   "Румыния",
   "Словакия",
   "Словения",
   "США",
   "Таджикистан ",
   "Таиланд",
   "Тунис ",
   "Турция",
   "Узбекистан",
   "Украина",
   "Филиппины",
   "Финляндия",
   "Франция",
   "Хорватия",
   "Черногория",
   "Чехия",
   "Швейцария ",
   "Швеция",
   "Эстония",
   "ЮАР",
   "Япония"];

   $("#tabs").tabs();

   var object=[
      {label:"Изображение 1",url:"mountimg.jpg", description:"Закат в горах, Ергаки.", coord:{lt:"52.854413",ln:"93.367310"}},
      {label:"Изображение 2",url:"mountimg1.jpg", description:"Вид на безымянную гору с озера 'Круглое', Кузнецкий Алатау.", coord:{lt:"53.815653",ln:"89.283829"}},
      {label:"Изображение 3",url:"mountimg2.jpg", description:"Озеро 'Харлыкголь', Кузнецкий Алатау.", coord:{lt:"53.800245",ln:"89.268723"}},
      {label:"Изображение 4",url:"mountimg3.jpg", description:"Скала 'Два брата' (Парабола), Ергаки.", coord:{lt:"52.839225",ln:"93.397093"}}
];
   $("#image").autocomplete({source:object,select:function(event,ui){
      $("#wrap").css("display","block");
      $("#img").attr("src",ui.item.url);
      $("#desc").html(ui.item.description);
      $("#latitude").html(ui.item.coord.lt);
      $("#longitude").html(ui.item.coord.ln);
}});
});
</script>
</head>
<body>
<div id="tabs">
<ul>

<li><a href="#tabs-3">Оформление извлеченных данных</a></li>
</ul>

<div id="tabs-3">
<p>Введите название изображения (введите к примеру "изо"): <input id="image" /></p>
<div id="wrap" style="display:none;font-size:1.2em;">
<img id="img" src="mountimg.jpg" width="200" height="170"/><br /><br />
<p><b>Описание:</b> <span id="desc"></span>
<p id="cord"><b>Координаты месторасположения:</b> <br />Широта: <span id="latitude"></span> Долгота: <span  id="longitude"></span></p>
</div>
</div>
</body>
</html>
  • Вопрос задан
  • 132 просмотра
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик расширенный
    13 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы