Scripts & HTML-koder til billedfremvisning
Forskellige effekter med billeder er en meget populær gimmick på websider. En af de mest eftertragtede og efterspurgte effekter er billedskift ved
"Mouse over".
Dette meget enkle script på kun fire linier har ydermere den finesse at du kan indsætte en reference-sti, således at der ved klik på billedet, skiftes til en anden webside, - så prøv at klikke en gang også.
Dette meget enkle script på kun fire linier har ydermere den finesse at du kan indsætte en reference-sti, således at der ved klik på billedet, skiftes til en anden webside, - så prøv at klikke en gang også.
Før din mus hen over billedet og se hvad der sker:
Praktisk anvendelse af "Mouse over"
At et billede skifter til et andet med funktionen "Mouse over" er jo for det meste blot en relativt overflødig gimmick. Den virkeligt
praktiske anvendelse af funktionen kommer der hvor man, eksempelvis, har en hel webside med thumbs (miniaturebilleder)
hvor brugeren så kan se den store udgave af billedet med "Mouse over". Det er rigtigt smart.
Før din mus hen over billedet og se hvad der sker:
 |
 |
 |
 |
Nedtonet billede - Eksempel 1
Ved hjælp af et ret simpelt script kan du vise dine billeder i en nedtonet udgave som highlightes når du fører musen hen over billedet.
Bemærk: Scriptet virker kun i Internet Explorerer, og det er jo vældigt ærgerligt, - men sådan er der så meget.
Hvis du ønsker at billedet skal forblive highlightet når du fjerner musen, så skal du bare slette hele "OnMouseOut-delen" i scriptet.
Nedtonet billede - Eksempel 2
Hvis du ønsker en metode der kan anvendes i alle browsere, så kan du i stedet bruge det MouseOver script
der er vist i begyndelsen af denne side, og skifte mellem to sæt billeder, hvor du enten skifter mellem et nedtonet
billede og et highlightet billede, - eller som her mellem et sort-hvidt billede og et farvebillede.
Billeder i vandret flow
Denne billedvisning synes jeg selv er ret elegant. Billederne glider forbi i er vandret flow. Bevægelsen stopper når man holder musen
over et billede, - og klikker man på billedet, så vises det i stort format.
Der er masser af muligheder for en individuel tilpasning af dette script. Man kan selv vælge størrelsen på billederne, og den ramme de vises i kan nemt og enkelt justeres både i højden og bredden.
Baggrundsfarven omkring billederne, samt den hastighed de bevæger sig med, kan man også selv vælge.
Der er masser af muligheder for en individuel tilpasning af dette script. Man kan selv vælge størrelsen på billederne, og den ramme de vises i kan nemt og enkelt justeres både i højden og bredden.
Baggrundsfarven omkring billederne, samt den hastighed de bevæger sig med, kan man også selv vælge.
Billeder i rotation
En anden smart måde at vise mange billeder på lidt plads er at sætte dem ind i samme type script som bruges til et rotationsbanner.
Det indebærer ydermere den fordel at hvert enkelt billede kan bruges som et klikbart link også.
Bemærk: Du kan få dette script i en mere avanceret udgave, hvor dine brugere selv kan styre slideshowet, ved selv at vælge
Start, Stop, Pause på billedvisningen, samt vælge det antal sekunder de ønsker billederne eksponeret.
Scriptet egner sig ikke til at være på samme webside som andre scrips, så derfor er det også her på en side for sig selv. Du kan se scriptet ved at klikke på dette link: [SE SLIDESHOW]
Scriptet egner sig ikke til at være på samme webside som andre scrips, så derfor er det også her på en side for sig selv. Du kan se scriptet ved at klikke på dette link: [SE SLIDESHOW]
Billeder med valgfri visning
Samme princip som i det forrige script med at vise mange billeder på lidt plads er også brugt her, blot med den forskel at her skifter billederne
ikke automatisk, men det giver selvfølgelig beskueren en større valgfrihed med hensyn til hvor længe han/hun vil se de enkelte billeder.
Scriptet rummer endvidere den mulighed at man kan vælge at se de enkelte billeder i stor størrelse også. Brug din browsers tilbage-knap for at komme tilbage til den tidlige visning.
Scriptet rummer endvidere den mulighed at man kan vælge at se de enkelte billeder i stor størrelse også. Brug din browsers tilbage-knap for at komme tilbage til den tidlige visning.
Bemærk: Det er under ingen omstændigheder tilladt hverken at bruge eller direct-linke til mine Copyright-beskyttede
billeder.
Med venlig hilsen Webmaster FN Foto Webdesign
|
DIN COMPUTERS IP-ADRESSE ER:
38.107.179.228 Du åbnede denne webside Søndag den 05 Februar 2012. kl. 06:41:40 |
|
|