I have been trying to display multiple banners of different heights depending upon the screen size. I'm using HTML banner to achieve this. First, I am uploading 3 banners (one for desktop, one for tab, one for mobile) using the WYSIWYG editor. After upload, I am switching to text based editor and adding JavaScript to append the images into a div according to the screen size. My current implementation looks like this -
However, the zone I created (specified width *, height *) gets embedded into the website as an <iframe>. Due to which, I am not able to adjust the iframe height based on the content inside it. I tried adjusting the height using JavaScript, but received a cross origin error.
How do I show banners of multiple heights inside the same zone based on the screen size?
How do I show banners of multiple heights inside the same zone based on the screen size?
in Using Revive Adserver
Posted
Hello,
I have been trying to display multiple banners of different heights depending upon the screen size. I'm using HTML banner to achieve this. First, I am uploading 3 banners (one for desktop, one for tab, one for mobile) using the WYSIWYG editor. After upload, I am switching to text based editor and adding JavaScript to append the images into a div according to the screen size. My current implementation looks like this -
However, the zone I created (specified width *, height *) gets embedded into the website as an <iframe>. Due to which, I am not able to adjust the iframe height based on the content inside it. I tried adjusting the height using JavaScript, but received a cross origin error.
How do I show banners of multiple heights inside the same zone based on the screen size?