Go Back   CodingForums.com > :: Client side development > JavaScript programming > JavaScript frameworks

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 09-11-2012, 04:50 AM   PM User | #1
RocketMan
New to the CF scene

 
Join Date: Apr 2012
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
RocketMan is an unknown quantity at this point
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?
RocketMan is offline   Reply With Quote
Old 09-11-2012, 03:39 PM   PM User | #2
sunfighter
Senior Coder

 
Join Date: Jan 2011
Location: Missouri
Posts: 2,382
Thanks: 18
Thanked 350 Times in 349 Posts
sunfighter is on a distinguished road
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>
sunfighter is offline   Reply With Quote
Reply

Bookmarks

Tags
jquery, responsive, thumbnail

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 07:00 PM.


Advertisement
Log in to turn off these ads.