Optimeringsskolan

Har du en egen hemsida med många bilder kan ett vanligt problem bli att folk från andra sidor länkar direkt till dem. Detta gör att din bandbredd på servern/webbhotellet används varje gång bilden visas på deras sida, något som kan bli dyrt i längden. Detta går att motverka genom att skapa en enkel mod_rewrite-regel i en .htaccess-fil, om din sida ligger på en Apache-server (hör med din host om du inte vet).

RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://dinsida.com/.*$ [OR,NC]
RewriteCond %{HTTP_REFERER} !^http://www.dinsida.com/.*$ [OR,NC]
RewriteRule .*.(gif|GIF|jpg|JPG)$ http://dinsida.com/lanka_inte_till_mig.jpg [L,R]

Med den här lösningen kan alltså inte folk länka direkt till dina bilder du har sparade på servern.

Ett vanligt sätt att byta bild när man håller över den är OnMouseOver. Det finns dock metoder som kräver lite mindre resurser, nedan visas ett exempel på detta med hjälp av CSS.

#id {
background: url(’bild.png’);
}

#id:hover {
background: url(’bild2.png’);
}

Bilden visas genom att skriva följande kod

<div id=”id”></div>

De flesta webbläsare stödjer denna funktion, men till exempel Internet Explorer 6 gör inte det. För att lösa det går det att använda sig av denna kod:

<a id=”id”></a>