- This topic is empty.
-
AuthorPosts
-
January 6, 2012 at 10:01 am #35990Historical Forums UserParticipant
This is the error message I get in Chrome developer tools when I try to click on the thumbnails on the bottom right of this page.
http://goodwynbuilding.com/homes-for-sale/bishop-place-millbrook-communities/124-bishop-court-2/
“event.layerX and event.layerY are broken and deprecated in WebKit.”
Is this something I need to fix in a javascript file?
Thanks
January 6, 2012 at 10:23 am #94062MottieMemberHi Aaronheine!
It’s actually not an error, it’s a warning message. It’s because jQuery 1.6 references the event.layerX and event.layerY. Upgrade to jQuery 1.7 and the warning message will disappear.
January 6, 2012 at 10:32 am #94126Historical Forums UserParticipantThanks.
Do you know why when I click those thumbnails the full size image is not popping up?
January 6, 2012 at 10:51 am #94129MottieMemberI’m not sure what thumbnails you mean. But I do see an error on the page:
a is undefined
function Lg(a){a=a.f[1];return a!=j?a:…);function gh(a){a[Dc]&&a[Dc][gc](a)}
main.js (line 30)This error may be causing whatever other functions to stop working.
January 10, 2012 at 11:57 am #94384Historical Forums UserParticipantThe thumbnails are in the bottom right corner. They are blueprints.
You see they are links, but they are not working.
Could the javascript above be saying that those anchor links are not defined?
January 10, 2012 at 4:03 pm #94390MottieMemberThe problem with the thumbnails is in this file. Here is the code:
jQuery(document).ready(function(){
jQuery('.imagecol').each(function(){
var t = jQuery(this).find('.wpcart_gallery .thickbox');
t.colorbox({
maxWidth :'90%',
maxHeight :'90%',
returnFocus : false
});
jQuery(this).children('.thickbox').click(function(e){
var that = jQuery(this);
e.preventDefault();
t.each(function(){
if (jQuery(this).attr('href') == that.attr('href')) {
jQuery(this).click();
return;
}
});
});
});
});It is only targeting the “thickbox” class inside of the “imagecol” div. Which DOES NOT contain the “.wpcart_gallery .thickbox” link/image.
Honestly, I’m not sure what the second function is trying to do, but just using code like this should work:
jQuery(document).ready(function(){
jQuery('.thickbox').colorbox({
maxWidth :'90%',
maxHeight :'90%',
returnFocus : false
});
});January 10, 2012 at 4:43 pm #94392Historical Forums UserParticipantI have that code in but looks like there is no change.
Want to take one more look?
January 10, 2012 at 5:27 pm #94394MottieMemberOh, the thumb links have a misspelling… I see “rev” instead of “rel” for the URL.
And oddly the main image doesn’t open when you click on it, so maybe try using a window load instead of a document ready:
jQuery(window).load(function(){
jQuery('.thickbox').colorbox({
maxWidth :'90%',
maxHeight :'90%',
returnFocus : false
});
});January 11, 2012 at 11:51 am #94426Historical Forums UserParticipanthttp://www.w3schools.com/TAGS/att_a_rel.asp
Says “rel” is not used by the browers in any way.I tried the window load.
January 11, 2012 at 4:20 pm #94431MottieMemberYes, I know, but I think colorbox uses the rel tag.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.