Notifications
Clear all

iFrames disappear randomly

7 Posts
2 Users
0 Likes
1,017 Views
Posts: 4
Topic starter
(@printboy1)
Active Member
Joined: 3 years ago

SITE TO VIEW: https://graphxusa.com/stores/

I have iFrame Pro, love it. However I have multiple iFrames on the same page. When the page loads (sometimes and frequently) the iFrames content flashes then disappears. You can reproduce by going to the link above and hitting refresh. It seems to be pretty random. Is this a z-index issue? How can I solve, thanks as always!

 

*Using external work around and the following shortcode: 

[advanced_iframe use_shortcode_attributes_only="true" show_part_of_iframe="true" show_part_of_iframe_x="0" show_part_of_iframe_y="75" scrolling="no" src="https://stores.inksoft.com/raider_softball/shop/home" height="500" width="90%" hide_part_of_iframe="0,0,100%,100%,transparent,10"]

6 Replies
Posts: 4
Topic starter
(@printboy1)
Active Member
Joined: 3 years ago

Ok so I figured out the show_part_of_iframe settings dont play nice with the hide_element setting, which was causing the flickering and random disappearing (along width having a width value while show_part_of_iframe was enabled).. With that said, Is it possible to hide a div element via JS. I am using the external workaround and can add scripts, just not sure how to hide it on my iframe only (dont hide it on the actual content site) via JS.

For instance, im trying to hide the menu bar (#menu{display:none;}) before iFrame calls for it,is that doable?

Thanks!

Reply
TinyWebGallery
Posts: 880
Admin
(@admin)
Prominent Member
Joined: 15 years ago

hide_part_of_iframe="0,0,100%,100%,transparent,10" makes a read only iframe. It this what you want? 

And also your settings above only contain half of the needed settings for show_part_of_iframe. Width and height are missing. 

If you are able to use the external workaround you should do it. 

You cannot hide elements before it is loaded in the iframe but it can be done before the iframe is shown. Please see this examples: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/external-workaround-with-post-message

Example 51 has everything you need and actually a couple of things more ;).

Best regards, 

Michael

Reply
Posts: 4
Topic starter
(@printboy1)
Active Member
Joined: 3 years ago

This is the code im using, and im still having problems with the iframe flickering then disappearing. And its not always the same iframe, sometimes its the 1st, othertimes its the 3rd, sometimes they all show up and stay correctly. Can you take a peek and see if you notice anything? On Iphone all of it goes bad and disappears as well.

https://graphxusa.com/stores/

I appreciate any time you can give,

[advanced_iframe src="https://stores.inksoft.com/titans-baseball/" use_shortcode_attributes_only="true" height="560" width="360" show_part_of_iframe="true" show_part_of_iframe_x="0" show_part_of_iframe_y="75" show_part_of_iframe_width="360" show_part_of_iframe_height="410px" show_iframe_loader="false" hide_part_of_iframe="0,0,100%,100%,transparent,10"]

Reply
TinyWebGallery
Posts: 880
Admin
(@admin)
Prominent Member
Joined: 15 years ago

the first, the 3rd iframe? you have more than one on the page? Also check my last post. Have you changed something what I recommended.

 

Best regards, Michael

Reply
Page 1 / 2