Привет всем ,подскажите как подключить onclick к изображению,
есть картинки с
<img src="mountimg.jpg" width="60" height="60" onclick="fun_1(q1)">
<img src="mountimg1.jpg" width="60" height="60" onclick="fun_1(q2)">
,как этот onclick добавить к изображению 1,изображению 2
?
Код
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/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>
<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="" width="60" height="60"/><br /><br />
<p><b>Описание:</b> <span id="url"></span>
<p><b>Описание:</b> <span id="desc"></span>
<p id="cord"><b>Координаты месторасположения:</b> <br />Широта: <span id="latitude"></span> Долгота: <span id="longitude"></span></p>
</div>
</div>