Как подключить onclick
Привет всем ,подскажите как подключить 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> |
Часовой пояс GMT +3, время: 07:20. |