Om billedbrug

LIGHTBOX er et lille javascript, der giver mulighed for at åbne billeder som store billeder direkte på siden.

En fremgangsmåde kunne være:

1) Først skriver du artikel med billede som vanligt

2) Herefter klipper du nedenstående kode ind øverst i posten.

<a href=”URL” rel=”lightbox”>
<img alt=”ALT” id=”ID” class=”pixV” width=”200px” src=”URL” /> </a>
TEXT
<br clear=”all”/>

3) Herefter skal de to dele flettes sammen. Det gøres ved at erstatte de røde KODER med værdier fra den oprindelige post:

URL: sti til foto
wp-content/pix/2006/10/CIMG1940.JPG
https://alma.soholm.net/wp-content/pix/2006/10/CIMG1940.JPG

ALT : alternativ beskrivelse af billedet
ex: CIMG1940

ID : BilledeID skal bare være unik på siden.
ex: image420

TEXT : Her indsættes den egentlige blog-text.

Desuden sættes class til pixV (venstrestillet) eller pixH (højrestillet).

4) Når du har gjort det, kan du slette de koderester fra den oprindelige text, der ikke er blevet klippet ind i den øverste skabelon.

——

Lightbox overflødiggør vistnok Enlarger. Men vi bringer også lige dokumentation for den nedenfor her … for en sikkerheds skyld.

====================================================

Vi afprøver wordpress plugin’et Enlarger
Her sætter man en parameter i -tagget, som bestemmer bredden på billedet i pix.

Her er readme-texten på den:

Enlarger
WordPress Plugin
Version 1.0

________________________________________________________________
INSTALLATION

Copy the ‘Enlarger’ folder to your Plugins folder; click through to the Plugins page on your Admin site and Activate.
________________________________________________________________
HOW TO USE

1. Insert a normal IMAGE tag into your post using the larger image that you wish to have displayed when the thumbnail is clicked on.
2. The IMAGE tag may include a CSS style class but MUST NOT include any in-line STYLE statement.
3. The IMAGE tag MUST NOT include an ID or NAME.
4. The IMAGE tag MUST NOT include width or height settings.
5. Insert into the IMAGE tag the enlarger code below:

xenlarge=”XXX”

Replace the XXX with the width, in pixels, you want the thumbnail to appear.

for example:


________________________________________________________________
NOTES

1. This plugin uses javascript.
2. It is bad practice to include really large image files. They use both your and your users bandwidth and slow loading times.
3. The plugin allows for multiple ‘enlarger’ images in a post or page.
4. Internet Explorer 6 is not perfect with this plugin although other browsers handle it correctly. IE gets confused on the size of the image so sometimes it can only be enlarged once without refreshing the page…but not always!

Andy Staines
http://www.yellowswordfish.com
15th June 2006

Skriv et svar

Dette site anvender Akismet til at reducere spam. Læs om hvordan din kommentar bliver behandlet.