Powrót

iframe

element iframe – ramka iframe (pływająca) – pozwala na ładowanie innej strony lub media wewnątrz pojedynczej strony – 'zagnieżdżony kontekst przeglądania’

<iframe name="smash" width="480px" height="300px" sandbox="allow-same-origin" seamless="seamless" src="http://smashingmagazine.com"></iframe>

atrybuty:

  • src
  • srcdoc – odsyła do tekstu/pliku html
  • name
  • sandbox – do ograniczenia typów zawartości i funkcjonalności które mogą być dostarczone w iframe ze względów bezpieczeństwa, dostępny w przeglądarce Google Chrome
  • seamless – odnośniki otwierane w kontekście przeglądania rodzica zamiast w kontekście zagnieżdżenia – wewnątrz iframe
  • width
  • height

Ładowanie zdjęć do elementu iframe za pomocą elementu a:

<iframe name="myGallery" width="600px" height="600px" src="images/mountain1.jpg"></iframe>
<nav>
  <a href="images/mountain1.jpg" target="myGallery">M1</a>
  <a href="images/mountain2.jpg" target="myGallery">M1</a>
  <a href="images/mountain3.jpg" target="myGallery">M1</a>
  <a href="images/mountain4.jpg" target="myGallery">M1</a>
</nav>
HTML5

Hope this helps and happy coding :)

Zobacz jeszcze

hyperlink a

wartości atrybutu rel w elemencie a: alternate archives author bookmark external first - porządek nawigacji help index - porządek nawigacji last - porządek...

poprzedni / następny post

- z codex WP: <?php get_adjacent_post( $in_same_term, $excluded_terms, $previous, $taxonomy ) ?> Parametr $previous - opcjonalny, przyjmuje wartości true/false: true,...

Powrót