0
Не совсем уверен, что я здесь делаю неправильно, но по какой-то причине я не могу получить событие .click(), указанное в этом поле jQuery, для работы. Поскольку это моя первая попытка использования jQuery, я предполагаю, что это, вероятно, небольшой нюанс, который я не учитывал, или детали, которые я уже просматривал. Любая помощь с этим была бы весьма признательна.Не удается получить событие jQuery для работы
<html>
<style>
#thumbs { padding-top: 10px; overflow: hidden; }
#thumbs img, #largeImage {
border: 1px solid gray;
padding: 4px;
background-color: white;
cursor: pointer;
}
.thumbnail {
float: left;
margin-right: 6px;
height: 60%;
width: 60%;
}
#description {
background: black;
color: white;
position: absolute;
bottom: 0;
padding: 10px 20px;
width: 525px;
margin: 5px;
}
#panel { position: relative; }
</style>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" >
$('.thumbnail').click(function(){
$('#largeImage').attr('src',$(this).attr('src').replace('thumb','large'));
$('#description').html($(this).attr('alt'));
});
</script>
</head>
<body>
<div id="gallery">
<div id="panel">
<img id="largeImage" src="C:\wamp\www\HoneysProject\Image2.jpg" />
<div id="description">First image description</div>
</div>
<div id="thumbs">
<img class="thumbnail" src="C:\wamp\www\HoneysProject\Image2.jpg" alt="1st image description" />
<img class="thumbnail" src="C:\wamp\www\HoneysProject\Image3.jpg" alt="2nd image description" />
<img class="thumbnail" src="C:\wamp\www\HoneysProject\Image4.jpg" alt="3rd image description" />
<img class="thumbnail" src="C:\wamp\www\HoneysProject\Image6.jpg" alt="4th image description" />
</div>
</div>
</body>
</html>
Помимо: тип документа XHTML не отчислять '