小编Wan*_*arn的帖子

我正在尝试使用QT Quick包含SQLite数据库,但我找不到任何示例.我只是想能够访问数据库中的项目.有谁知道我可以玩的任何示例程序？

我正在使用鼠标悬停的css不透明度转换,但每当您单击图像然后单击图像外部(将图像带回jquery)时,css转换不再起作用.

我的css过渡

 .grid li a:hover img {
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opactiy .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    opacity: 1;
     }

 .grid:hover li {
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opactiy .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 0.3;
    }

我认为jsfiddle会更好,而不是发布重载代码.

的jsfiddle

我不能为我的生活得到一组图像在屏幕上水平排列.

#full_image {
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
}

#full_image ul li img {
  display: inline;
  margin: 0 auto;
  width: 100%;
  max-width: 100%
}

<div id="full_image">
  <ul>
    <li>
      <a href="#"> <img src="http://i.telegraph.co.uk/multimedia/archive/01636/saint-tropez-beach_1636818c.jpg" alt="" /></a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="#"> <img src="http://i.telegraph.co.uk/multimedia/archive/01636/saint-tropez-beach_1636818c.jpg" alt="" /></a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="#"> <img src="http://i.telegraph.co.uk/multimedia/archive/01636/saint-tropez-beach_1636818c.jpg" alt="" /></a>
    </li>
  </ul>

</div>

我有一个3x3的图像网格.我希望能够做到的是让文字放在每张图片的正上方,但我似乎无法弄清楚如何去做.

我的CSS

 body{background-color:black;}

ul#grid {
  list-style: none;
  width: 1180px;
  margin:0 auto;
  overflow:hidden;
   }

#grid li {
  float: left;
  margin: 0 10px 70px 0px;
  display:inline;
  position:relative;
   }

#grid li img {
  padding: 15px; margin: 0;
  width: 339px;
  height: 211px;
  position:relative;
   }

HTML

<div class="portfolio">
  <ul id="grid">   
    <li><a href="#"><img src="1.jpg"></a></li>
    <li><a href="#"><img src="2.jpg"></a></li>
    <li><a href="#"><img src="3.jpg"></a></li>
    <li><a href="#"><img src="4.jpg"></a></li>
    <li><a href="#"><img src="5.jpg"></a></li>
    <li><a href="#"><img src="6.jpg"></a></li>
    <li><a href="#"><img src="7.jpg"></a></li>
    <li><a href="#"><img src="8.jpg"></a></li>
    <li><a href="#"><img src="9.jpg"></a></li>
     </ul></div>

的jsfiddle

我试图在单击图像时用jquery删除一个类,但我似乎可以让它工作.我正在使用

 $(this).removeClass('.title');

删除这个类,但它不起作用.

 .title{
   font-size: 100%;
   top: -40px;
   color: white;
   left: 0%;
   position: absolute;  
   z-index: 1;
   }

这是我的JSFiddle.

有没有办法可以清理这个jquery css的变化？像所有css更改的东西都在一个.css()

 $('#container img')
               .css("opacity","1")
               .css("width","339px")
               .css("height", "211px");            

由于一些翻转的原因,我无法控制图像宽度的高度

.pop_image{
  top: 10px;
  width: 100px;
  height: 100px;
  position:absolute;  
 }

HTML

    <ul class="pop_image"><a href ="#"><img src="1.jpg"></a></ul>

我正在使用.append()来附加图像列表,但我希望能够按顺序删除添加的元素返回到起始状态

$.each(get_images, function(i,img){
 $('#container ul').append('<li><a href="#" class="thumbnail"><img src="'+img+'"/></a></li>');   
});