Notifications
Clear all

Broken image link for a Custom Full Screen Button over the iframe

6 Posts
2 Users
0 Reactions
24 Views
Posts: 3
Topic starter
(@aharonium)
Active Member
Joined: 2 days ago

Thank you for your Advanced iFrame Pro plugin. We noticed a problem while configuring the Full Screen Button style to appear over the iframe.

We chose the "custom" full screen button style and, per the instructions in the advanced settings, we added fullscreen_close.png and fullscreen_open.png (32×32) custom full screen button images to our custom folder. Unfortunately, the custom button is not rendered. Instead, a broken image link is showing over the iframe. For example, the broken image link generated is: 

 https://opensiddur.org/compilations/liturgical/mahzorim/regalim/shavuot-mahzorim/mahzor-lhag-hashavuot-the-prayerbook-for-the-festival-of-weeks-as-arranged-by-wolf-heidenheim-translation-by-jenny-marmorstein-1967/%7Bsite%7D/wp-content/plugins/advanced-iframe/img/fullscreen_open.png 

We are seeing two problems with the URL generated:

1) a relative file path to the image is added to the absolute URL 

2) the file path itself doesn't use advanced-iframe-pro or the custom folder

The good news is that even though the custom button is not rendered, the full screen link is functional. So a visitor can still click the broken image icon in order to open or close the iframe fullscreen.

If there is a setting or any temporary fix, please let us know -- and thank you!

Aharon

 


5 Replies
admin
Posts: 948
Admin
(@admin)
Prominent Member
Joined: 17 years ago

Hi,

Which version do you use? 

And have you upgraded a while ago from an older version? 

Can you please check here: https://www.advanced-iframe.com/advanced-iframe/update-advanced-iframe-free-to-advanced-iframe-pro

There was a breaking change for the fullscreen images.

Best regards, Michael


Reply
Posts: 3
Topic starter
(@aharonium)
Active Member
Joined: 2 days ago

I think I figured it out. I changed the URLs in plugins/advanced-iframe-custom/hide_fullscreen.html to point to the img directory in plugins/advanced-iframe-pro/img/

We have it working with the "white" option and feel confident moving forward without assistance. 

Thank you again.


Reply
Posts: 3
Topic starter
(@aharonium)
Active Member
Joined: 2 days ago

We're using Advanced iFrame Pro v2026.2 in Wordpress 7 and PHP 8.4. In case it is helpful, I'll add some feedback.

The key sentence in the advanced settings instructions which helped us was, "Modify the hide_fullscreen.html or copy to e.g. hide_fullscreen2.html"

We didn't quite understand what you wrote immediately after that: "add your custom logic and enter the settings directly at "Hide/cover parts of the iframe" with e.g. r10,10,32,32,transparent$fullscreen2,auto above." 

The main thing we needed to change in hide_fullscreen.html was for the URLs to point to the plugins/advanced-iframe-pro/img directory where all the button images you prepared are located.

Thank you again for this plugin!


Reply
admin
Posts: 948
Admin
(@admin)
Prominent Member
Joined: 17 years ago

Hi,

in the plugins\advanced-iframe-custom folder is a file hide_fullscreen.html

There some placeholders changed that was described in the link above. And I assume you had an old version there! Because in the url above you have a %site% which is part of the old template file. 

And the current one has:

<img class="ai-fullscreen-open" src="{plugin_url}img/fullscreen_open.png" data-id="{id}" />
<img class="ai-fullscreen-close ai-fullscreen-close-{id}" src="{plugin_url}img/fullscreen_close.png" />

do you remember what you replaced? 

Best regards, Michael


Reply
Page 1 / 2