2014-09-29 86 views
1

我需要制作一个图像按钮,以便当您点击它时,它将执行按钮应该执行的操作。如果您想知道我需要什么,我正在制作旋转木马并尝试更改左右按钮。底部是我试图改变的代码。我需要它成为我自己的形象,而不是象形文字。使用图像制作引导按钮

</div> 
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> 
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> 
</div><!-- /.carousel --> 
+0

只需用'img'替换你的'span',然后使用一些css来调整图像的大小 – Ahmad 2014-09-29 00:44:40

回答

2

在左,右同时控制,取代这些代码行:

<span class="glyphicon glyphicon-chevron-left"></span> 
<span class="glyphicon glyphicon-chevron-right"></span> 

有:

<img class="img-responsive center-block" src="./path/to/image.jpg" alt="Your Alt Text"> 

没有看到运行中的代码,这是很难说的,但您可能需要调整图像大小(或控制旋转木马控件大小的CSS)以使开关正确显示。不过,它不需要太多的调整。

+0

这工作,但现在轮播的按钮不工作......你知道我该如何解决这个问题吗? – t0xic 2014-10-04 11:37:47

+0

你能分享一个代码本身的链接吗? – cscott 2014-10-04 22:05:17

+0

https://www.mediafire.com/?tra73602uv0w2cm这是代码的下载链接。如果你想要一个可以做一个小提琴或什么.. – t0xic 2014-10-05 12:18:21