bgiframe native

bgiframe-nativo

Aviso de arquivo:

• Desde que o Flash foi obsoleto em todos os principais navegadores e o apoio foi limitado a um subconjunto muito pequeno, arquivarei este projeto

Por que/quando devo usá -lo?

• Você ainda está trabalhando com elementos problemáticos no IE (Objetos Flash, etc.) que fazem do elemento não obedecer ao Z-Index do documento
• Não há necessidade de uma dependência do jQuery ou qualquer outra dependência de nós

Uso

JavaScript

 var bgIframe = require ( "bgiframe-native" ) ;

// basic
bgIframe . addBgIframe ( "elementName" ) ;
bgIframe . addBgIframe ( "#elementId" ) ;
bgIframe . addBgIframe ( ".className" ) ;

// more advanced usage using options
bgIframe . addBgIframe ( "#elementId" , { width : "50vw" , height : "30em" } ) ;

TypeScript

 import { BgIframe } from "bgiframe-native";

// basic
BgIframe.addBgIframe("elementName");
BgIframe.addBgIframe("#elementId");
BgIframe.addBgIframe(".className");

// more advanced usage using options
BgIframe.addBgIframe("#elementId", {width: "50vw", height: "30em"});

Opções

• top (Número | String) : O iframe deve ser deslocado para o topo pela largura da borda superior. Este deve ser um número negativo representando a largura da borda. Se um número for usado aqui, os pixels serão assumidos. Caso contrário, certifique -se de especificar uma unidade. Uma expressão também pode ser usada. Por padrão, o valor é "Auto", que usará a largura superior da borda dos elementos. Se um número for passado, a unidade usada será em pixels.
• left (número | string) : o iframe deve ser deslocado à esquerda pela largura da borda esquerda. Este deve ser um número negativo representando a largura da borda-esquerda. Se um número for usado aqui, os pixels serão assumidos. Caso contrário, certifique -se de especificar uma unidade. Uma expressão também pode ser usada. Por padrão, o valor é "Auto", que usará os elementos da largura da borda da borda. Se um número for passado, a unidade usada será em pixels.
• width (número | string) : esta é a largura do iframe. Se um número for usado aqui, os pixels serão assumidos. Caso contrário, certifique -se de especificar uma unidade. Uma expressão também pode ser usada. Por padrão, o valor é "Auto", que será a largura offset do elemento. Se um número for passado, a unidade usada será em pixels.
• height (número | string) : esta é a altura do iframe. Se um número for usado aqui, os pixels serão assumidos. Caso contrário, certifique -se de especificar uma unidade. Uma expressão também pode ser usada. Por padrão, o valor é "Auto", que usará o peso do elemento. Se um número for passado, a unidade usada será em pixels.
• src (string) : essa configuração é fornecida para que se possa alterar o SRC do iframe para o que precisar. Padrão: "JavaScript: false;"

Atribuição

Este projeto é baseado na implementação nativa do plugin jQuery bgiframe: https://github.com/brandonaaron/bgiframe