Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Apr 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbnail Hover Effect Problem

    I found this plugin that adds a cool effect when hovering over thumbnails. Unfortunately it runs on pixels. All the images on my site are sized by %. I have been able to change most of sizing to %, but for some reason. It wants the height to be sized in px. Ive tried to size it with % but it just acts like I have set the height to 0.

    http://jsfiddle.net/zBWHF/2/

    Is there a way to change the jquery to allow me to only size the width of the image and let the height auto size proportionally? Or is there a way to size the height with %?

    I am pretty new to the jquery world and I cant seem to figure out what to do. Can some one out there help me?

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,092
    Thanks
    23
    Thanked 594 Times in 593 Posts
    Your .mosaic-overlay has display:none; And this is the anchor for your image, so it is not going to display correctly.
    Code:
        <a href="" target="_blank" class="mosaic-overlay">
    	<img src="https://dl.dropbox.com/u/14080718/original.jpg" width="377px" height="400px" alt="Original" />
    	</a>


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •