?
Solved

Hand when hover boostrap carrousel

Posted on 2016-10-14
6
Medium Priority
?
67 Views
Last Modified: 2016-10-14
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
Comment
Question by:Ernesto
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
6 Comments
 

Author Comment

by:Ernesto
ID: 41844214
I mean when mouse over hand!
regards
0
 
LVL 26

Accepted Solution

by:
lenamtl earned 2000 total points
ID: 41844249
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
 
LVL 10

Expert Comment

by:Prasadh Baapaat
ID: 41844304
add this css to your stylesheet

.item {
      cursor: grab;
}

if it does not work then try:

.item:hover {
      cursor: grab;
}
0
Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

 

Author Comment

by:Ernesto
ID: 41844342
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
 

Author Comment

by:Ernesto
ID: 41844343
the role="button" think was the solution
tsm
0
 

Author Closing Comment

by:Ernesto
ID: 41844346
tsm
0

Featured Post

Video: Liquid Web Managed WordPress Comparisons

If you run run a WordPress, you understand the potential headaches you may face when updating your plugins and themes. Do you choose to update on the fly and risk taking down your site; or do you set up a staging, keep it in sync with your live site and use that to test updates?

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

765 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question