Lughino, if I understand you, you would like to have the contenthover div overlay the thumbnail, but you would like mouse clicks on the overlay continue to be handled by the thumbnail that is covered by the overlay.
I don't think you can do that in a simple and direct way. Can you make the overlay into another link that points to the same place as the thumbnail? You could also do something more complicated where you catch clicks on the overlay and handle them in javascript. Matt On Wed, Mar 13, 2013 at 4:03 PM, Lughino <[email protected]> wrote: > Thanks for the reply, and I apologize if I was not clear enough! > My goal is to have content over the image on mouseover, but also to have the > opportunity to expand the image via the link. > In fact, if I remove the div "contenthover", if I click on the thumbnail > link to the image enlarged. > This obviously does not work because the div "contenthover" is over the > image! > It 'may be able to operate the link while keeping the contenthover? > > Thank you very much and sorry for my bad english. > >> No sure what you're trying to achieve, but you can try: >> .imag img { >> width: 100%; >> height: 100%; >> } > > > Sorry but this way doesn't work! > > > 2013/3/13 Matt Conrad <[email protected]> >> >> Lughino: first, thanks for using JSFiddle. So much easier to help >> people this way. >> >> Second, I am not sure what "The problem is that this doesn't work on >> the anchor link the thumbnail to enlarge the image" means. More detail >> about what you want to have happen, and is not happening, may help. >> >> I am not very familiar with Bootstrap thumbnails, but from what I >> scan, it looks like they are mostly about an automatic grid layout and >> not (say) image scaling or other features I might guess for a >> "thumbnail" component. >> >> Matt >> >> >> >> On Tue, Mar 12, 2013 at 5:10 PM, Lughino <[email protected]> wrote: >> > Can anyone help me? >> > >> > >> > 2013/3/11 Luca Pau <[email protected]> >> >> >> >> Hi guys, >> >> >> >> I put the content into the image that appear on mouseover. >> >> >> >> The problem is that this doesn't work on the anchor link the thumbnail >> >> to >> >> enlarge the image. >> >>> >> >>> <a href="http://dummyimage.com/300x120/a26/fff"; class="thumbnail"> >> >>> <!-- >> >>> this not work! --> >> >>> <img class="hov" src="http://dummyimage.com/300x120/a26/fff"; /> >> >>> </a> >> >> >> >> Is there a way I can fix this? >> >> >> >> Here is the code:jsFiddle >> >> >> >> -- >> >> You received this message because you are subscribed to a topic in the >> >> Google Groups "twitter-bootstrap" group. >> >> To unsubscribe from this topic, visit >> >> >> >> https://groups.google.com/d/topic/twitter-bootstrap/R07fnJVwFNo/unsubscribe?hl=en. >> >> To unsubscribe from this group and all its topics, send an email to >> >> [email protected]. >> >> >> >> For more options, visit https://groups.google.com/groups/opt_out. >> >> >> >> >> > >> > >> > -- >> > You received this message because you are subscribed to the Google >> > Groups >> > "twitter-bootstrap" group. >> > To unsubscribe from this group and stop receiving emails from it, send >> > an >> > email to [email protected]. >> > For more options, visit https://groups.google.com/groups/opt_out. >> > >> > >> >> -- >> You received this message because you are subscribed to a topic in the >> Google Groups "twitter-bootstrap" group. >> To unsubscribe from this topic, visit >> https://groups.google.com/d/topic/twitter-bootstrap/R07fnJVwFNo/unsubscribe?hl=en. >> To unsubscribe from this group and all its topics, send an email to >> [email protected]. >> For more options, visit https://groups.google.com/groups/opt_out. >> >> > > -- > You received this message because you are subscribed to the Google Groups > "twitter-bootstrap" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > For more options, visit https://groups.google.com/groups/opt_out. > > -- You received this message because you are subscribed to the Google Groups "twitter-bootstrap" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
