[WTH] $5 Quick Fix - Javascript on mouse over popup - less than 5 minutes fix!!!

I need help fixing this issue.

The page can be found here: http://www.apadirect.com/working/promotional-products-new.php

Mouse over the product block and then, mouse over on the quick view image and mouse out. The popup doesn't close.
1. I NEED This Fix

Mouse over the quick view of the first product (Item # 10407) and see the bigger image; it is too far right.
2. I NEED This Fix

Move the mouse from left to right (or vice versa) on the 4 products in the same row. See that horizontal position is variable. I want make this fixed in the center. NOTE: Only the horizontal position (from left to right).
3. I NEED This Fix

PM me if you can fix this.

Thank you.

 

try opening 'scripts/image_popup.js'

replace this:

function image_hide(id)
{
    $("#qv_" + id).css('visibility', 'hidden');
//    document.getElementById(id).style.visibility='hidden';
}

Code (markup):

with this:

function image_hide(id)
{
    $("#qv_" + id).css('display', 'none');
//    document.getElementById(id).style.visibility='hidden';
}

Code (markup):

 

Thank you but that doesn't work.

 

yup i expected that ^^

try to make it with jquery only, you're using nested jquery/javascript thats why i didnt scan your full code

if you do it with jquery it will be much easier and less coding

Thanks

 

I'd love to do that but the problem is I don't know how. That's why I'm looking for help. If someone wants to take it, I'm ok.
Thanks

 

something like that http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery will help try to integrate it with your script

Thanks

 

Please change your image_popup.js file code. then see the two different output. its working i tested. you can use any one method.


method:1

function image_hide(id)
{
$("#qv_" + id).css('visibility', 'hidden');
tipobj.style.visibility="";
enabletip=false
//document.getElementById(id).style.visibility='hidden';
}


method:2

function image_hide(id)
{
$("#qv_" + id).css('visibility', 'hidden');
enabletip=false
//document.getElementById(id).style.visibility='hidden';
}

 

Issue 1 is FIXED. 2 and 3 still present.

makebillios2009, let me know if you want try in these issues too. Let me know