• Регистрация
Поделиться в соц.сетях

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

0 голосов
6 просмотров
Есть такой код,как на картинку добавить функцию 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>
спросил 12 Май от qwer85

Ваш ответ

Your name to display (optional):
Конфиденциальность: Ваш электронный адрес будет использоваться только для отправки уведомлений.
Анти-спам проверка:
Чтобы избежать проверки в будущем, пожалуйста войдите или зарегистрируйтесь.
...