GFYcat.com BB code - got it working mostly, but need some help

[mangoz]

Here's a test thread with some gfy examples starting posting #13 (along with a bunch of testing for image attachments that apparently break tapatalk, forum runner, and the mobile suite depending on the type)



I include the GFYCAT script in my header.

I have a BB Code that takes the parameter and spits out the GFY img class with a direct link below it.

<img class="gfyitem" data-id="GFYCATFILENAME" />
<br>
<a href="http://gfycat.com/GFYCATFILENAME" target="_blank">http://gfycat.com/GFYCATFILENAME</a><br><br />

This works mostly.

However, I have to refresh the page to get the GFY to embed.
The thread loads out, I see the direct hyperlink, but I don't always see the embed GFY unless I refresh. This is especially problematic in a multipage thread. I click the pagenav buttons to go to the next page and the gfy never loads without refreshing while on that page.

To try duplicate this, go to page 1 and refresh. Click to go to page 2. It doesn't load (as seen in the attached image).
This can be done again by refreshing page 2 and then clicking to go to page 1. Again, doesn't load.

Any advice? A way to force grabbing that embed? Thank you.

[mangoz]

So GFYcat will support the above img class and also the following div

<div class="gfyitem" data-title=true data-autoplay=false data-controls=true data-expand=false data-id="GFYCATFILENAME" />

Can someone tell me how to force the above IMG or this DIV to refresh after some period of time? Perhaps I can just force it to refresh after some milliseconds letting it load.

[Replicant]

This is a theory. The page nav buttons are using AJAX to pull content, so the only part of the page that is refreshing is the display_contenttype_threadview_header template. If you can find a hook in that template to insert your script, maybe that would get the result you are looking for.

[mangoz]

Originally Posted by Replicant

This is a theory. The page nav buttons are using AJAX to pull content, so the only part of the page that is refreshing is the display_contenttype_threadview_header template. If you can find a hook in that template to insert your script, maybe that would get the result you are looking for.

Well that at least helps me understand the WHY of my problem.

The script I use in the header is

<!-- BEGIN: gfycat --><script type"text/javascript" src="http://test.gfycat.com/gfycat_test_june25.js"></script><!-- END: gfycat -->

I just made a hook and have a the custom template let me move the GFYCAT script position.

Moving didn't fix it.
I also manually added it to an area that should refresh in that template. Didn't work.

Will probably need to make the BB Code spit out a DIV that refreshes itself after XXX milliseconds. I'm learning how to do that now to test it,but if anyone reads this knows how, please chime in and save me the work This is not my forte.