rullefoto

CATALYZATOR's amatøriske fotoWEBtips
og ideer i 2. ... kaotiske akt !
Fra en amatør i gave til mange amatørers trøst...

Enda en -Akt .....rullover-BILDER ....
Det kan gi informasjon og det kan vere dekorativt og det kan gi en ellers treg side et annsiktsløft.....

RullOverBilder som linker til andre websider...
Når du lager en link kan du skrive KLIKK HER men det er å gjøre nettsurferen passiv.... En aktiv nettsurfer sitter ofte med pilen som "føler" over alt som eventuellt kan skjule noe eller en potensiell kilde for informasjon med rullovertekst eller bilde.

EKSEMPLER:

Thumbnaillinker
(minibilde med rullover og link) som anviser deg vei til websider:

Før pilen over bildet->

Koden som brukes i øverste eksempel ser slik ut:
<a href="http://www.catalyzator.net/gar" target="_blank" onMouseOver="MM_swapImage('Image2','','rullefoto/garasjen-thumb1.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="rullefoto/pilover-thumb1.jpg" name="Image2" width="200" height="121" border="2"></a>

OBS: Dersom du vil at vinduet skal åpne i samme vindu du nå surfer/ser på
så bytter du target="_blank" til target="_self"

Mange bilder og liten plass på siden....
Bilder er flott på websider men tar fryktelig mye plass og gjør sidene både tunge å laste, trege og uhorvelig mye scrolling for å få sett over alt sammen..... Det går an å trikse til litt med rulloverbilder. Dersom du har litt tekst først på siden slik at surferen er opptatt med å lese vil han/hun ikke oppdage at bildene kanske laster ned litt efterhvert..... Og dersom du a også legger noen som rulloverbilder så kan du ha flere bilder uten å gjøre siden din langscrollet og treg.

Hvorfor ler hesten ?
Før pilen over bildet å sjekk resultatet.....

Catalyzators tidligere liv ?
Før pilen over bildet å sjekk dagens situasjon.....

Koden som brukes her i nederste eksemplet:
<p align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','rullefoto/cata-shadow.jpg',1)"><img src="rullefoto/cata-ride.jpg" name="Image8" width="400" height="447" border="0"></a>

OBS-VIKTIG:
Kodene som brukes i eksemplene her ovenfor er såkallte JavaScript og er avhengig av følgende kode/tag på html-dokumentet for å fungere:
<script language="JavaScript" type="text/JavaScript">
Denne koden står da somoftest oppe i <head>.

PS / MEGET VIKTIG

HUSK alltid å sjekke resultatet og linker efter å ha lagt ut siden slik at du vet alt fungerer slik det var ment og at alle linker åpner slik du planlagte det. Det er også viktig å huske på at ikke alle har samme type og størrelse skjærm som din PC/MAC og derfor bør du også ta hensyn til de vanligste standardmål for skjærmoppløsninger som idag virker å være: fra 800x768 til 1280x800 Dersom du lager en bilde og tekstside i eksempelvis 1280x800 oppløsning og denne blir påtvunget sideveis scroll ved visning på mindre skjærm så vil en surfer med stor sansynlighet bli kjei av å surfe siden din..... Dersom siden din er dynamisk/tøyelig slik at den tillpasser seg skjærmens størrelse uten sideveis scroll må du også huske at den kan bli fryktelig rotete om ikke bilder og tekst er tillpasset denne endringsmuligheten.

HUSK: En liten webside kan vises på alle skjærmer.....
En stor webside kan bli kaotisk og lite tiltalende ved visning i små skjærmeoppløsninger.

Når du lager en nettside eller en artikkel med mange bilder foreksempel på en blogg bør du alltid tømme maskinens midlertidige filer osv EFTER at artikkelen/siden er ferdig for å sjekke resultatet med maskinen uten at den har forhåndsinfo om bildene etc i midlertidig filerlagret ditt slik at du ser det virkelige resultatet samt opplever hvordan siden er å laste ned når inget materiale ligger lagret i din maskins cache/midlertidige internettfiler etc.

Dette er en nødvendighet for å kunne se hva man selv faktisk lager og hvordan andre nettsurfere opplever siden. Når du har vert innom siden vil den ha lagret bilder etc på nytt å du vil ikke kunne se det virkelige resultatet før du på nytt tømmer maskinen din.

Akt .....
Time will Show......

Kontaktinfo: