Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 83
  • Last Modified:

Hand when hover boostrap carrousel

Hi all
In where i Need to add the hand tool when hover the carrousele images boostrap

 <div class="item">
      <img class="item peopleCarouselImg" data-target="#web" data-toggle="modal"  src="Images/Webdev.png" />
         <div class="carousel-caption">
       <h2>Páginas Web.</h2>
      </div>
    </div>

Open in new window


Regards
edo
0
Ernesto
Asked:
Ernesto
  • 4
1 Solution
 
ErnestoAuthor Commented:
I mean when mouse over hand!
regards
0
 
lenamtlCommented:
Hi,

You should see it, do you have the control part?


<!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>

Open in new window


Check with their documentation if you have all the correct syntax
http://getbootstrap.com/javascript/#carousel

You can check another way, is to show the control only on hover
https://jsfiddle.net/wamosjk/6uxogbzt/


By the way Bootstrap slider is very limited you may want to check owl carousel as a replacement
http://www.owlcarousel.owlgraphic.com/
0
 
Prasadh BaapaatWeb Designer & DeveloperCommented:
add this css to your stylesheet

.item {
      cursor: grab;
}

if it does not work then try:

.item:hover {
      cursor: grab;
}
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
ErnestoAuthor Commented:
Oh man!
tsm
The solution was

<div class="item">
      <img class="item peopleCarouselImg" role="button" data-target="#web" data-toggle="modal"  src="Images/Webdev.png" />
         <div class="carousel-caption">
       <h2 data-target="#web" role="button" data-toggle="modal">Páginas Web.</h2>
      </div>
    </div>

Open in new window

0
 
ErnestoAuthor Commented:
the role="button" think was the solution
tsm
0
 
ErnestoAuthor Commented:
tsm
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now