2012-09-17 302 views
-1

我得到这个HTML代码:添加导航的滑块

<div class="imgContent"> 
    <div id="galleryImg"> 
     <img class="img_<?php echo $this->id ?>_1" width="1200" height="450" src="<?php echo $this->baseUrl('f/images/'.$this->image[1]) ?>" /> 
     <?php if($this->image[4]){ ?> 
      <img class="img_<?php echo $this->id ?>_<?php echo $this->image[6] ?>" style="display:none" width="1200" height="450" src="<?php echo $this->baseUrl('f/images/'.$this->image[4]) ?>" /> 
     <?php } ?> 
     <?php if($this->image[5]){ ?> 
      <img class="img_<?php echo $this->id ?>_<?php echo $this->image[7] ?>" style="display:none" width="1200" height="450" src="<?php echo $this->baseUrl('f/images/'.$this->image[5]) ?>" /> 
     <?php } ?> 
    </div> 
    <a id="prev" href="javascript:void(0)"></a> 
    <a id="next" href="javascript:void(0)"></a> 
</div> 

我想从png文件上的图像添加箭头时,悬停。如何做到这一点(现在的形象正在改变点击)

回答

0

假设你的意思是说,你的a#preva#next应该有箭头,当你将鼠标悬停div#galleryImg不是很确定,如果这是你的愿望,你可以使用纯CSS做类似这样的内容:

a#prev, a#next { 
    display: inline-block; 
    width: 20px; 
    height: 20px; 
} 
div#galleryImg:hover + a#prev { background-image: url(prev.png); } 
div#galleryImg:hover + a#prev + a#next { background-image: url(next.png); } 

当然,你要适应宽度和高度将图像的正确尺寸,并把正确网址的影像。