Jewelbeast

Jewelbeast does not currently provide support for this item.

15 comments found.

Hi!

Just purchased your code. And it helped me a lot. But there is something I’d like to change…

I want to make the whole image clickable (not just a button), so that I could use that image as a preview. But I’m not into coding. Can you help? :stress:

He pAvi_23. Thanks for buying.

I made two different buttons. A normal button, and an entire button.

For the normal button use:
a class=”button” href=”“

For the entire button. ( so the whole image will be clickable.) use:
a class=”entire” href=”“

Thank you for a rapid response. It worked!

Hi. I bought your “CSS3 Image – Text Hover Effects”. I need to work with rounded images with a list inside in hover effect. With the Zoom and opacy effect. Ca you help me pls. Thank you!

Hi magm. Thanks for buying.

Of Course i want to help you. So what you exactly want is, that you have a rounded image, and when you hover it you see a list-type. ( with bullets before it or not? ) and with the effects opacity and zoom. ( Do you want the ZoomIn effect or the Scale Effect?

I will working on it. And when its done i will send it to your email.

Can you send an email. To dennis_betman@hotmail.com.

How can I make the title text remain visible, even when not hovering?

Thanks! :)

I did not made that, its now only possible when you hover it. Let me make something for you.

Can you send me an email to : dennis_betman@hotmail.com

Thank you so much for a super quick reply! Email Sent. I’d give you 6 stars if I could!

Hey- Loving this effect- but I noticed today I cannot click the image and get to my link with IE.

I hate IE, but for some reason people still use it.. Do you have a workaround?

Thanks!!

Craig

He Craig,

I have uploaded a new update. The entire image will be clickable for IE now. I changed something in the index.html.

Thank you!

The a class entri was first in the span. Its now outside the span so it works for IE.

<a class="entire" href="">
 <div class="vertical-smallborder">
  <section>
   <img src="http://placehold.it/400x600" />
   <div class="text">
    <span>
     <h1>This is a title</h1>
     <p>This is an example of a description.</p>
     <p>The entire image is a link!</p>
    </span>
   </div>
  </section>
 </div>
</a>

IE support would be much appreciated. For me images with the entire link work as download links. People get message “Download Now” on hover. When people click and nothings happens… Well, it’s just awkward.

My clients are women 35-50 y/o, so I’m sure a good part them do use IE.

Well, great… But I can’t see the difference :)

I expected the change on the line 60 on index.html.

First you had the—a class=”entire” href=”” > a/> inside the span.

But now i made it outside the span so it works for IE.

<a class="entire" href="">
 <div class="vertical-smallborder">
  <section>
   <img src="http://placehold.it/400x600" />
   <div class="text">
    <span>
     <h1>This is a title</h1>
     <p>This is an example of a description.</p>
     <p>The entire image is a link!</p>
    </span>
   </div>
  </section>
 </div>
</a>

Wonderful!

Me again, hehe :grin:

Can you make it possible to add an image inside the hover box? I think I would rather use a zoom-icon than text.

“div#image section img” sets the same “width” to every image inside there. I need to specify the width of my hover box image. Or else this happens: http://puu.sh/43bNV.jpg

He pAvi,

I am on vacation right now. So i have to look at it when i am back that should be 24 or 25 aug.

I’m sorry.

I’ll wait.

Hello, can this be used in wordpress? If so how?

He anki79,

I’m not into WordPress so i can’t help you with that. But i think its possible to use it in WordPress but i am not sure.

hi, will this work with responsive bootsrap 3 images? thank you.

He new_users,

No i dont think its working with bootsrap 3 images.

It works now for IE7 and IE8

Hi,

This looks great. Before I buy it, do you have the option to enlarge the image that you rollover into a lightbox, or is it just simple page redirects?

Thanks

Tony

Hi Tony,

Thanks that you like it ;)

I’m sorry but there is no option yet, that when you hover it, it will enlarge to a lightbox. Maybe in the future :)

Jewelbeast.

Wow ~ looks phenomenal !

I’m using a Wordpress site and was curious to know how I would install and use these effects? Do I just place in style.css? If so, how do I set an action to an image I have embedded? Do I need to use HTML?

I know a little bit of CSS/HTML.

How do I install/use this? Any details you can provide would be greatly appreciated.

I am interested in purchasing.

Thanks !!

Hey minthd

I dont know anything of wordpress. But if you use a site without wordpress you just copy and paste the files that you get into your folder.

Then you call the css in your html like this:

<head> <link href=”name_of_css_file.css” rel=”stylesheet” type=”text/css” /> </head>

Do that for all the .css files.

After that you just copy and paste the html code in the tag.

I think it works different in wordpress but I’m not sure. So i can’t help you with Wordpress sorry.

Jewelbeast

Hello.

Is it possible to use this item in a fluid grid layout (with dreamweaver cc)?

Thank you.

Hey, like the product!

Just wondering how I’d go about using it on a responsive bootstrap based system, i.e. having 3 on a row and with the widths and heights not restricted by the boundaries you set.

Many thanks!

Do all my images have to be the same width and height for this to work? If so, you should state this in your description.

Thank you for your reply. I didn’t explain very well. I have a masonry wall of images all of different widths and heights, but for your code to work all images on the same page have to be the same width and height as each other. I want the code to work for a variety of widths and heights all on the same page. I hope I have explained better.

Also, this needs to work when the screen size is smaller as well.

Hey Jonesannie. Can you please send an email to dennis@betman.nl

Nice work, GLWS

by
by
by
by
by
by