Здравствуйте, подскажите пожалуйста нубу, как сделать такое, я вот что написал:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="Style.css">
</head>
<body>
<div class='tab horizontal'>
<?php
$scan = scandir('Images');
foreach ($scan as $key => $value) {
if (!is_dir($value)) {
// var_dump(is_dir($value));
echo "<div class='dt'>" . $value . "</div>
<div class='dd'>
<div class='delete'><img src='close.jpg' alt=''></div>
<div class='collapse'><img src='tab.jpg' alt=''></div>
<div class='answer'><img class='divImage' src='Images/" . $value . "' alt=''></div>
</div>";
}
}
?>
</div>
</body>
</html>
<script>
(function(f){
f('div.tab').on('click', '.dt', function () {
f(this).addClass('active').siblings().removeClass('active');
}).children('.dd').each(function () {
f(this).wrapInner('<div class="tab-content"></div>');
});
}(jQuery));
$(function() {
$('.divImage').on('click', function() {
var id = $(this).data('id');
$('#main').attr('src', id);
});
});
</script>
Как в этом коде с помощью яваскрипта сделать так, чтобы при нажатии на изображение <img src='tab.jpg' alt=''> открытое окно "сворачивалось" в трей, а при нажатиина <img src='close.jpg' alt=''> открытое окно удалялось (т.е. удалялся сам файл).
Если надо могу скинуть цсс файлик.
