/ Forside/ Teknologi / Udvikling / Java Scripts / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Fixed <img src="...">
Fra : molokyle
Vist : 959 gange
140 point
Dato : 26-05-03 09:40

...allo...?

Er der nogen der har et script, der kan få et billede til at 'fryse' fast på siden, når man scroller ?
Jeg spørger IKKE om et baggrundsbillede; det bruger jeg CSS til, men et almindeligt <IMG> *.jpg *.gif eller *.png.
Kildekode TAK.

</MOLOKYLE>

 
 
Kommentar
Fra : Fnollerpige


Dato : 26-05-03 10:19

<body background="back_grey.gif" bgproperties="fixed">


Sådan plejer jeg at gøre når jeg ønsker billedet / baggrunden skal fikseres - håber du kan bruge det

Karina

Kommentar
Fra : benkvist


Dato : 26-05-03 11:13

Hej

Du skal være opmærksom på, at det IKKE ER ALLE browsere der understøtter dette. Du skal teste i Internet Explorer, der understøtter baggrundsbilleder / vandmærker.

Internet Explorer (som jo er langt den mest udbredte - på de sider jeg selv administrere udgør besøg fra IE 5.0 og nyere omkring 96,5%) så hvis det er et rent dansk site du vil lave, er problemet nok ikke så stort. I USA er IE's udbredelse mindre, men ikke så væsentlig meget at det bør betyde noget heller.

Vær meget varsom med det billede du bruger ikke må "fniddre" teksten til. Lav evt., hvis det ikek allerede det du har gjort, en meget lys version af billedet, med lav kontrast - det man typisk kalder et vandmærke.
Det kan blive nødvendigt at anvende en større skrifttype end du ellers havde regnet med, for at din tekst kan læses.

Og selvfølgelig er du opmærksom på, at billedet tager tid at indlæse, hvilket gør at din såkaldte sidetyngde bliver større. Tager din side ret meget mere end omkrin 8 sekunder at indlæse i en browser, viser flere undersøgelser at du mister mange besøgende. 30% eller der over... Mere en 30 sekunder i indlæsning, så har man faktisk kun 12% af de besøgende tilbage... Og det er lige deromkring mange browsere kommer med en "siden kan ikke findes".... også selv om den findes..

Alt dette, blot for at du lige skal huske alle aspekter i dine overvejleser.

Ellers er Karinas løsning faktisk korrekt...

mvh

BenKvist

---keep up the spirit---

Kommentar
Fra : Fnollerpige


Dato : 26-05-03 11:29

Tak for det Benkvist - ved godt der er mange ting i Webdesign verdenen man skal tage højde for, og ved jo osse godt at ikke alt er kompatibelt.

Men det er det man ville ønske der var en mere udbredt viden om, det ville spare mang for en masse ventetid ved for store billedefiler, sider der ikke er som de var tiltænkt osv osv.

Så alle disse ting du skriver - er gode ting, som den der designer ( småt eller stort ) gør sig selv en tjeneste ved at studere.

Karina

Kommentar
Fra : molokyle


Dato : 26-05-03 20:47

...Jamen er der nogen Hjemme ???

Kaina : Det er IKKE baggrundsbillede jeg spørger om (LÆS indenad); det er et <IMG src="..." alt="pladder"> der flytter sig jeg har brug for.

Til benkvist: Se: http://home20.inet.tele.dk/friheden ; Prøv "Notesblok" i menuen og se at jeg har tænk mig om ;-D

Kommentar
Fra : Fnollerpige


Dato : 26-05-03 21:00

Nå, det må du undskylde - men kan ikke læse indenad på noget der ikke er anderledes formuleret end at det giver både mig og tilsyneladene osse Benkvist det samme indtryk !!


Så Hallo selv nogen hjemme !!!
Held og lykke med din eftersøgning:

[citat]
"Er der nogen der har et script, der kan få et billede til at 'fryse' fast på siden, når man scroller ?"
[/code]


Kommentar
Fra : molokyle


Dato : 26-05-03 22:52

Til fnollerpige & benkvist:
Når jeg skriver CSS mener jeg 'Cascading Style Sheets' og når jeg skriver: 'IKKE baggrundsbillede'; mener jeg ........................... men, billede altså; et billede <IMG osv.>.... Svært ???

Tak for kommentaren , desværre: Ingen point

Kommentar
Fra : Fnollerpige


Dato : 26-05-03 23:06

Kom heller ikke for dine point men for at hjælpe dig og jo ved godt hvad CSS styles er

pointene er ligemeget jeg ville sådan set bare hjælpe - mit sidste bud er : Kandu`s egen CSS guide : http://www.kandu.dk/dk/kurser/css/tags.asp?tid=1

MÅSKE det kan hjælpe dig .... så giv du bare pointene til en anden jeg er glad bare jeg kan hjælpe nogen eller bare forsøge så godt jeg kan.

Og hvis ikke det hjælper - håber vi på der kommer en forbi der åbenbart ikke er så "fattesvag" som undertegnede

Karina



Kommentar
Fra : molokyle


Dato : 27-05-03 00:08

Undskyld.

Jeg troede bare jeg havde formuleret mig klart. No-Offence

Tak for hjælpen.

</MOLOKYLE>



Accepteret svar
Fra : benkvist

Modtaget 140 point
Dato : 27-05-03 09:22

Tja...

Du havde godt nok forklaret dig. Jeg tror det du skal kigge på er DHTML (Dynamisk HTML) hvor du angiver et lag der indeholder dit billede - og via javascript holdes på plads på siden.

Jeg har ikke lige et "scrip" i baglommen - sorry.

Problemet er med denne løsning, at det igen ikke er alle browsere der understøtter det - og slet ikke ens.

Jeg vil da måske bare anbefale at du kigger på http://www.javascript.com og http://javascript.internet.com/

Da du nu ikke har fået andre "brugbare" svar endnu, skal du nok lige selv lave "læsearbejdet" for at finde den.

mvh

BenKvist



Kommentar
Fra : molokyle


Dato : 27-05-03 12:57

Ok. BenKvist.

Det anede mig at jeg skulle via DHTML men, det er desværre 'no option' af hensyn til tilgængeligheden. Så du har ret; jeg skovler kode og ser om jeg kommer på noget.
Jeg har surfet rundt på nettet i flere dage på dette spørgsmål. Det du skriver er nok det nærmeste jeg kommer et svar... så ved du hvad?

Pointene er Dine

Kommentar
Fra : benkvist


Dato : 27-05-03 13:02

Tja... falder jeg over noget... jeg tøffer også selv rundt det meste af tiden... så skriver jeg det lige her...

Godkendelse af svar
Fra : molokyle


Dato : 27-05-03 13:03

Tak for svaret benkvist......

Skulle du falde over noget; er du mere end velkommen til at sende mig en note:
molo@lite.dk

</MOLOKYLE>                     

Kommentar
Fra : McOle


Dato : 28-05-03 11:03

Selv om spørgsmålet er besvaret, så denne løsning.
Problemet er, at IE ikke understøtter position:fixed. Det løses dog med dette script:

<HEAD>
<script type="text/javascript" src="fixed.js"></script>
</HEAD>
<BODY>
<DIV ID="Billede" STYLE="position:fixed;">
<IMG src=MitBillede.gif>
</DIV>

</BODY>

du kan hente scriptet her:
http://doxdesk.com/software/js/fixed.html


Kommentar
Fra : benkvist


Dato : 28-05-03 14:26

Nu kan man snakke om en lille verden - så sent som tirsdag aften (27/5) sad jeg og manglede et script der kunne håndtere CSS2's minimum og maximum i IE - endnu én af de ting den ikke kan.
Der faldt jeg over sitet.

Han har også eg godt script liggende til det, plus et par andre: http://doxdesk.com/software/

Det er egentlig mærkeligt som tingene en gang imellem udvikler sig....

Hygge, nyd det gode vejr !

BenKvist

Kommentar
Fra : molokyle


Dato : 28-05-03 19:31

Tipper Topper...

Hvor fedt; dejligt vejr idag

Du ska' ha ' rigtig mange tak, POINT ! Jeg har ikke tid men gemt linket, så jeg husker.

See You... </MOLOKYLE>



Kommentar
Fra : molokyle


Dato : 28-05-03 19:56

Jeg har været omkring "fixed" på den måde før... rigtigt: Det virker ikke

Iøvrigt; tak for opmærksomheden med en personlig mail. Rart at møde; "...someone who cares!"

OAO (Over And Out)

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 28-05-03 20:17

Ups...

Det var ikke helt rigtigt...="Eureka" Det virker !!! Jeg skal bare lige 'lege' med scriptet. Nu ser vi... :-|

Super link.

... og måske sove lidt

Tka egni: iV sse..?


Du har følgende muligheder
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408914
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste