Hey Sundayx,
I noticed that you have this custom javascript saved in the “Custom Javascript” area:
$(‘.sbi_photo img’).unwrap();
This seems to be causing the problem since the element that wraps around the img element is the element that displays the images when the images that are loaded are larger than 150px.
If you remove the code it should start working. Was there a reason that you wanted to use this code? I might be able to help you find another way to accomplish it.
Let me know if you need more help with this!
Hi Craig, Thanks for your reply. Interestingly this code was recommended from one of you guys in this post to remove the link on the image. I can confirm yes removing it does fix it. Any other script that could achieve the same function?
Thanks!
Ahh I see. When the Instagram API starting using the landscape and portrait style images instead of just square cropped images it changed how the Instagram Feed plugin displayed images as well. That code would work for earlier versions of the plugin but obviously causes problems now. Sorry for the confusion! Here is some code that will accomplish the same thing without causing the same problem:
jQuery('.sbi_photo').removeAttr('href');
Let me know if you need anything else!
Works great, thanks! Any chance it could also remove the fade-out effect when you mouseover?
Thanks for your quick replies!
Sure! You can try this javascript:
$('.sbi_photo').unbind('mouseenter mouseleave');
or all together:
$('.sbi_photo').unbind('mouseenter mouseleave').removeAttr('href');
That’s perfect, thanks Craig! Have a good day!
Awesome! Let me know if you need anything else. You have a good day as well.
