Показать сообщение отдельно
  #3 (permalink)  
Старый 12.07.2013, 14:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

imediasun1,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
#img-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    border: solid 1px #0000FF;
    width: 300px;

}
#img-list li {
font-size:10px;
    margin: 10px;
    width: 152px;
    text-align: center;
    display: inline-block;
}
#img-list li img{
  border: 0px;
   position: relative;
   right: 0px;
  cursor: pointer;
}
#img-list li{
   position:  absolute;
    right:-40px;
   top: 0px;
}
  </style>
   <script src="http://code.jquery.com/jquery-1.9.1.js">
</script>
 <script>
      $(function ()
          {
 var imgList = $('#img-list');
 var li = $('<li/>').appendTo(imgList);
 var cancelButton = $('<a/>',{
            href: '#cancel',
            title: 'отменить',
            html: $('<img/>',{src : 'http://www.iconsearch.ru/uploads/icons/crystalclear/32x32/button_cancel.png'}),
            click : function (event){
            imgList.html('');
            event.preventDefault()
            }
        }).appendTo(li);
          }
        );
  </script>
</head>

<body>

   <div id="img-list"><img src="http://digibar.ru/image/cache/img/1120614-300x300.gif" alt=""></div>

</body>

</html>
Ответить с цитированием