Embedded Iframe: Difference between revisions

@@ Line 56: / Line 56: @@
 *Click on "Get Code"
 *Copy the code
-*Change the element '''src''' to be called '''data-src'''
+*Change the element src to be called data-src and leave the URL the same. There should be no scr in the iFrame, the script will add it.
-*Add the new elements ''' ouriframe'''  and "src=””" as follows so the iFrame starts like '''<iFrame ouriframe src=""  the new data-src element should follow src=”” after a space.
 Example:
-<span style="background-color: #f8f9fa; border: 1px solid #eaecf0;border-radius: 2px; padding: 1px 4px;"><nowiki><iFrame ouriFrame  src=”” data-src="https://beds24.com/booking2.php?propid=12345&amp;referer=iFrame" width="800" height="2000" style="max-width:100%;border:none;overflow:auto;"><p><a href="https://beds24.com/booking2.php?propid=12345&amp;referer=iFrame" title="Book Now">Book Now</a></p></iFrame></nowiki></span>
+<span style="background-color: #f8f9fa; border: 1px solid #eaecf0;border-radius: 2px; padding: 1px 4px;"><nowiki><iFrame data-src="https://beds24.com/booking2.php?propid=12345&amp;referer=iFrame" width="800" height="2000" style="max-width:100%;border:none;overflow:auto;"><p><a href="https://beds24.com/booking2.php?propid=12345&amp;referer=iFrame" title="Book Now">Book Now</a></p></iFrame></nowiki></span>
 '''Step 4: Install the  iFrame on your website'''

Navigation menu