Integration med dynamisk omladdning
Förutom att ladda Eye-Able-resurserna direkt från Eye-Able eller den lokala servern, är det också möjligt att ladda data från Eye-Able genom att klicka på ikonen. Detta har fördelen att endast användare av webbplatsen som också interagerar med Eye-Able ansluter till servern och laddar Javascript-filerna. Denna integration har också fördelar när det gäller dataskydd, eftersom användaren informeras om denna utgående anslutning innan Eye-Able-servern kontaktas.
Anmärkning för användare som ännu inte har använt Eye-Able
Första gången Eye-Able används ställs en lokal lagringspost in. När denna post har ställts in laddas Eye-Able automatiskt nästa gång du besöker sidan.
Integrering i sidans HTML
För att integrera Eye-Able behöver du bara placera JavaScript-filen i sidans HTML-kod med hjälp av ett <script>-element. Du kan antingen ladda upp JavaScript-filen och sedan referera till den:
Exempel på integration av JavaScript-filen efter föregående uppladdning
Du kan också inkludera koden från javascript-filen inline i ett <script>-element:
Exempel på en inline-integration av den formaterade koden
Funktioner för dynamisk omladdning och Eye-Able-ikonen integreras direkt på sidan via Javascript-filen. Du kan också själv bestämma positionen för Eye-Able-ikonen. För att göra detta, ändra följande variabler i början av koden:
eA_top: Ändrar ikonens översta position, t.ex. "15%" eller "250px".
eA_side: Ändrar ikonens position i sidled: "vänster" eller "höger".
eA_bottom: Ändrar ikonens nedre position på mobila enheter, t.ex. "15%".
En del av integrationskoden för att justera positionen
:no_upscale())
Sebastian Fjeld
Fler bidrag
Om det får vara lite mer
Filter
:no_upscale():format(png))
:no_upscale():format(png))