Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

CSS blinkende billede ?

10 views
Skip to first unread message

Asger Joergensen

unread,
May 29, 2012, 12:11:54 PM5/29/12
to

Hejsa

Kan man med CSS få et lille billede til at blinke ?

Hvis ikke hvad er så den letteste måde ?

På forhånd tak.
Venlig hilsen
Asger-P
http://Asger-P.dk
http://Asger-P.dk/software

Benny Nissen

unread,
May 29, 2012, 12:56:07 PM5/29/12
to
Den 29-05-2012 18:11, Asger Joergensen skrev:
>
> Hejsa
>
> Kan man med CSS få et lille billede til at blinke ?

Nej

> Hvis ikke hvad er så den letteste måde ?

Animeret .gif

--
Benny

Erik Ginnerskov

unread,
May 29, 2012, 3:40:21 PM5/29/12
to
Asger Joergensen wrote:

> Kan man med CSS få et lille billede til at blinke ?

Blinkende billeder og tekst var noget, man lavede i 90'erne. I dag vil det
højst sandsynligt blot få besøgende til meget hurtigt at forsvinde.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk

Dennis Munding

unread,
May 29, 2012, 4:53:36 PM5/29/12
to
Hej Asger,
"Asger Joergensen" <Ju...@Asger-P.dk> skrev i meddelelsen
news:xn0hyoak8...@news.astraweb.com...
>
> Hejsa
>
> Kan man med CSS få et lille billede til at blinke ?
>
> Hvis ikke hvad er så den letteste måde ?

Uanset hvor uskyldig din hensigt er, så overvej følgende:
Vil du være medvirkende til at dine brugere (af hjemmesiden) risikerer et
epileptisk anfald??
Og jo! Det kan et sådan blinkende billede forårsage - også hos personer, som
ikke lider af epilepsi.

Jeg ved, hvad jeg taler om - har en datter med epilepsi.

Blot et forslag til omtanke...


Med venlig hilsen
--
Dennis Munding
a.k.a. The Eye - Member of the PosseGrim Squad
http://pgsquad.com/
"When you hear the wind - you're already dead..."

scootergrisen

unread,
May 29, 2012, 5:21:46 PM5/29/12
to
>> Hvis ikke hvad er så den letteste måde ?
>
> Animeret .gif

Tror også en animeret GIF er den letteste måde og virker i alle
browserne osv.
Der er ikke så meget pis med sådan en GIF animation.

Allan

unread,
May 29, 2012, 5:22:15 PM5/29/12
to

>> Kan man med CSS få et lille billede til at blinke ?
>
> Uanset hvor uskyldig din hensigt er, så overvej følgende:
> Vil du være medvirkende til at dine brugere (af hjemmesiden) risikerer
> et epileptisk anfald??
> Og jo! Det kan et sådan blinkende billede forårsage - også hos personer,
> som ikke lider af epilepsi.
>
> Jeg ved, hvad jeg taler om - har en datter med epilepsi.
>
Er det muligt både at have et blinkende billede OG tage hensyn til
personer med epilepsi?
Er der "uskyldige" frekvenser?
Fx meget langsomt blinkende billeder?

Jeg har en blinkende tekst, der hedder "Loading...", men vil gerne
justere frekvensen, hvis det er tilstrækkeligt.

Ellers vil jeg prøve at finde en passende ikon (animeret timeglas,
progress bar, el. lign.) at bruge i stedet.

Med venlig hilsen
Allan

Dennis Munding

unread,
May 29, 2012, 6:06:25 PM5/29/12
to
Hej Allan,
"Allan" <fin...@ikke.invalid> skrev...
> Er det muligt både at have et blinkende billede OG tage hensyn til
> personer med epilepsi?
> Er der "uskyldige" frekvenser?
> Fx meget langsomt blinkende billeder?

Nej.
Selv meget korte blink, kan forårsage anfald. Men det hører dog til
sjældenhederne.
Når man testes for epilepsi, bliver man udsat for en lampe, som starter med
langsomme blink.
Intervallet mellem blinkende mindskes gradvist indtil de når en hastighed
svarende til strope(?)lys (ses ofte på diskoteker med bl.a. techno-musik).
Denne test giver resultat uanset om man er vågen eller ej!! Min datter sov
(hun var 2 år) under den ½ time lange sekvens, men alligevel kunne de måle
udslag i hendes hjernebølger forårsaget af lyset.

> Jeg har en blinkende tekst, der hedder "Loading...", men vil gerne justere
> frekvensen, hvis det er tilstrækkeligt.
>
> Ellers vil jeg prøve at finde en passende ikon (animeret timeglas,
> progress bar, el. lign.) at bruge i stedet.

En progressbar vil være det ultimave. :-)
Dog kan et animeret timeglas, som ikke bevæger sig for hurtigt, også
benyttes.

Allan Vebel

unread,
May 29, 2012, 6:28:44 PM5/29/12
to
scootergrisen skrev:

> Der er ikke så meget pis med sådan en GIF animation.

Ikke andet end at den er begrænset til 256 farver,
det giver i sig selv et lidt hakket billede, men det
kan man måske ikke se når det blinker;o)

Mit bud er at undlade den slags, det virker forstyrrende
på den omgivende tekst med blinkende dyt og båt.

En interessant tekst i en læselig størrelse er meget
mere værd end et blinkende billede - og teksten bliver
endda læst af søgemaskinerne, det gør billedet ikke.

--
Allan Vebel
http://vebel.dk

Allan Vebel

unread,
May 29, 2012, 6:35:02 PM5/29/12
to
Allan skrev:

> Er det muligt både at have et blinkende billede OG
> tage hensyn til personer med epilepsi?

Ved det ikke, men hvorfor i det hele taget have blinkende
elementer? Det generer også andre end dem med en
sygdom.

Stig Johansen

unread,
May 30, 2012, 2:59:31 AM5/30/12
to
Dennis Munding wrote:

> Intervallet mellem blinkende mindskes gradvist indtil de når en hastighed
> svarende til strope(?)lys (ses ofte på diskoteker med bl.a. techno-musik).

Hmm..
I min 'diskoteksalder' blev stroboskoplys forbudt på diskoteker.

Er de blevet lovlige igen?

--
Med venlig hilsen
Stig Johansen

Dennis Munding

unread,
May 30, 2012, 3:08:24 AM5/30/12
to
Hej Stig...
"Stig Johansen" <wop...@gmail.com> skrev i meddelelsen
news:4fc5c553$0$285$1472...@news.sunsite.dk...
> Dennis Munding wrote:
>
>> Intervallet mellem blinkende mindskes gradvist indtil de n�r en hastighed
>> svarende til strope(?)lys (ses ofte p� diskoteker med bl.a.
>> techno-musik).
>
> Hmm..
> I min 'diskoteksalder' blev stroboskoplys forbudt p� diskoteker.
>
> Er de blevet lovlige igen?

���h....
Kan godt v�re jeg tager fejl - kommer ikke p� den slags diskoteker (alderen
har indhentet mig...) ;-D

Korrektion: Man _plejede_ at kunne se den slags lys p� diskoteker... :-)

PS: Tak for info og korrektion. :-)

Stig Johansen

unread,
May 30, 2012, 3:14:00 AM5/30/12
to
Dennis Munding wrote:

> Hej Stig...
> "Stig Johansen" <wop...@gmail.com> skrev i meddelelsen
> news:4fc5c553$0$285$1472...@news.sunsite.dk...
>>
>> Hmm..
>> I min 'diskoteksalder' blev stroboskoplys forbudt på diskoteker.
>>
>> Er de blevet lovlige igen?
>
> Øøøh....
> Kan godt være jeg tager fejl - kommer ikke på den slags diskoteker
> (alderen har indhentet mig...) ;-D
>
> Korrektion: Man _plejede_ at kunne se den slags lys på diskoteker... :-)
>
> PS: Tak for info og korrektion. :-)

Det var nu ikke ment som en korrektion, men et spørgsmål.

Min 'diskoteksalder' er nok ca. 35 år siden, og det var rent ud sagt
p*sseirriterende når de slukke lyset og kun kørte stroboskoplys.

Effekten var meget sjov, for det så ud som alle dansede i slow motion.

Det er muligt at forbudet alene gik på stroboskoplys _alene_, husker det
ikke - den der alts.., altz..,alt.. - glemt hvad det hedder, men det har
vist noget at gøre med at jeg har mistet hukommelsen, og glemt hvor jeg har
lagt den.

J�rn Andersen

unread,
May 30, 2012, 12:20:35 PM5/30/12
to
On Wed, 30 May 2012 00:28:44 +0200, "Allan Vebel" <sp...@do.not> wrote:

>scootergrisen skrev:
>
>> Der er ikke s� meget pis med s�dan en GIF animation.
>
>Ikke andet end at den er begr�nset til 256 farver,
>det giver i sig selv et lidt hakket billede, men det
>kan man m�ske ikke se n�r det blinker;o)
>
>Mit bud er at undlade den slags, det virker forstyrrende
>p� den omgivende tekst med blinkende dyt og b�t.
>
>En interessant tekst i en l�selig st�rrelse er meget
>mere v�rd end et blinkende billede - og teksten bliver
>endda l�st af s�gemaskinerne, det g�r billedet ikke.

Vigtige pointer, Allan.
Men man kan i nogle tilf�lde have nytte af at s�tte en ani-gif til fx
at blinke 3 gange og s� stoppe.

Jeg har ikke brugt ani-gifs de sidste 15-20 �r, men bare fordi en
teknik *generelt* er af det onde, betyder det ikke n�dvendigvis, at
der ikke kan findes mere "civiliserede" m�der at bruge den p�.

Mvh. J�rn

--
J�rn Andersen
http://socialister.dk
http://marxisme.dk

John

unread,
May 30, 2012, 2:43:05 PM5/30/12
to
Stig Johansen formulerede onsdag:

>
> Det er muligt at forbudet alene gik på
> stroboskoplys _alene_, husker det ikke

Det bliver i stor udstrækning brugt stadigvæk,
dog skal der advares mod farene.

har lige været til Pink Floyd Projekt koncert
hvor det blev brugt meeeeeeeget. ;-)

--
Mvh John
www.wordpresstema.dk


Allan Vebel

unread,
May 30, 2012, 6:03:26 PM5/30/12
to
Jørn Andersen skrev:

> Vigtige pointer, Allan.
> Men man kan i nogle tilfælde have nytte af at
> sætte en ani-gif til fx at blinke 3 gange og så
> stoppe.

Så skal den altså også stoppe;o)

> Jeg har ikke brugt ani-gifs de sidste 15-20 år,
> men bare fordi en teknik *generelt* er af det
> onde, betyder det ikke nødvendigvis, at der
> ikke kan findes mere "civiliserede" måder at
> bruge den på.

Jeg bliver bare forstyrret i tekstlæsning når noget
bevæger sig et sted på skærmen, det værste er
snefnug der daler ned, små nisser der fiser hen
over skærmen, og den slags.

Naturligvis kan det bruges i en begrænset form,
men det skal være med stor forsigtighed, for ikke
at forstyrre læseren.

Jeg kender folk der er helt vild med den slags, se
hvad jeg kan på min hjemmeside, er det ikke
fantastisk? 123hjemmeside.dk har ikke levet
forgæves, eller har de?

Til amatørsider er det da fint nok at folk sætter
animerede hundepoter på deres side - det er bare
ikke noget man bruger til professionelle sider
der skal ses af mange mennesker, seriøsiteten
skal her være det vigtigste - tekst, tekst og tekst,
og så serveret med dekoration af passende slags.

Forleden så jeg et opslag i Brugsen:

Hunnevalp til slag
Lys lab lyddig og go' til børn,
er lidt utæt enu.

Den slags findes der også masser af på nettet, og
så skal man som bruger sortere det værste fra på
en søgning, for at finde de mest fornuftige sider.

Karl Erik Christensen

unread,
May 31, 2012, 8:21:33 AM5/31/12
to
Interessant spørgsmål - som måske kan løses med css. Men det kræver at
browserne "snydes" til at tro, at billedet er tekst. Samme fremgangsmåde
kan jo bruges, hvis man vil centrere et billede horisontalt.

Et eksempel som dog ikke fungerer:

.pling {
display: block;
text-decoration: blink;
}

<p class="pling"><img src="billede.png" alt="" />Teksten blinker, men
ikke billedet</p>

Ovenstående burde fungere i teorien - men teori og praksis følges som
bekendt ikke altid ad :-)
Ren css dur sikkert ikke, da css ikke er dynamisk. Men er man stædig nok
såååå ... :-)

Men muligheden er at generere css-filen med php. Så kan der indsættes en
timer som sørger for at switche on/off.

Se evt:
http://interfacelab.com/variables-in-css-via-php/

Karl Erik.

--
http://dmwebdesign.dk/karlerik/ - Ny hjemmeside
http://produceret-i.dk/ - Køb danske produkter

Rune Jensen

unread,
May 31, 2012, 10:57:41 AM5/31/12
to
On 29 Maj, 23:22, Allan <fin...@ikke.invalid> wrote:

> Er det muligt både at have et blinkende billede OG tage hensyn til
> personer med epilepsi?

Spørgsmålet er, hvorfor det i det hele taget skal blinke.

Der er andre måder at henlede opmærksomheden på, eller informere om,
at siden arbejder.

Søg på google billeder ani-gif og loading eller working.

F.eks.:

https://www.google.dk/search?tbm=isch&hl=da&source=hp&biw=1024&bih=587&q=ani+gif+loading&gbv=2&oq=ani+gif+loading&aq=f&aqi=&aql=&gs_l=img.3...2625.12766.0.12984.19.8.2.9.9.0.203.969.2j4j1.7.0...0.0.TF_CZDR6FSs

...men billedet skal stadig slås fra, når arbejdet er færdigt, og
maskinen er klar igen. Jeg plejer at bruge JS til det, da det er
hammer nemt.

Youtube bruger sådan en slags roterende ani-gif, hvis arbejdet tager
mere end 3-4 sekunder, hvilket er helt efter bogen om brugervenlighed.


MVH
Rune Jensen

Birger Sørensen

unread,
May 31, 2012, 11:02:12 AM5/31/12
to
Karl Erik Christensen udtrykte præcist:

> .pling {
> display: block;
> text-decoration: blink;
> }
>
> <p class="pling"><img src="billede.png" alt="" />Teksten blinker, men ikke
> billedet</p>
>
> Ovenstående burde fungere i teorien - men teori og praksis følges som bekendt
> ikke altid ad :-)

?
Et img-tag har ingen text-decoration. Så det burde netop *ikke* virke -
hvilket det jo heller ikke gør.

Det kan gøres med et js-script, der skifter display egenskab for
billedet. Skal det være avanceret, kan det gøres med opacity, så
billedet ikke blinker, men fader ind og ud.
Ved ikke hvordan sidstenævnte vil virke på folk med
øjen-/hjernesygdomme.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
Utils http://sdccms.dk/ordbog/ http://sdccms.dk/mailfriend/


Karl Erik Christensen

unread,
May 31, 2012, 11:56:36 AM5/31/12
to
On 31-05-2012 17:02, Birger Sørensen wrote:
>> .pling {
>> display: block;
>> text-decoration: blink;
>> }
>>
>> <p class="pling"><img src="billede.png" alt="" />Teksten blinker, men
>> ikke billedet</p>
>>
>> Ovenstående burde fungere i teorien - men teori og praksis følges som
>> bekendt ikke altid ad :-)
>
> ?
> Et img-tag har ingen text-decoration. Så det burde netop *ikke* virke -
> hvilket det jo heller ikke gør.

Mit tankeeksperiment gik på, at man kan få et billede til at "opføre"
sig som tekst, ved at style som block:
.centrerbillede {
display: block;
text-align: center;
}

<p class="centrerbillede"><img src="billede.png" alt="" /></p>

(så vidt jeg husker - ellers er det <p><img class="centrerbillede"
alt="" /></p>).

Fantasien sagde så, at man måske på en eller anden måde måske kunne
style text-decoration på class'en, så det havde indvirkning på et billede.

Måske skulle jeg bare sove videre :-)

Allan

unread,
May 31, 2012, 12:02:33 PM5/31/12
to
Den 30-05-2012 00:35, Allan Vebel skrev:
> Allan skrev:
>
>> Er det muligt både at have et blinkende billede OG
>> tage hensyn til personer med epilepsi?
>
> Ved det ikke, men hvorfor i det hele taget have blinkende
> elementer?

Fordi det kan være en stor hjælp! Der findes situationer, hvor jeg (og
også du, tror jeg) ikke ville undvære det.

> Det generer også andre end dem med en sygdom.

Jeg bryder mig generelt heller ikke om blinkende elementer.

Med venlig hilsen
Allan


Karl Erik Christensen

unread,
May 31, 2012, 12:11:09 PM5/31/12
to
On 31-05-2012 17:56, Karl Erik Christensen wrote:
> (så vidt jeg husker - ellers er det <p><img class="centrerbillede"
> alt="" /></p>).

Ja-ja, jeg ved det :-)

(så vidt jeg husker - ellers er det <p><img class="centrerbillede"
src="billede.png" alt="" /></p>).

Birger Sørensen

unread,
May 31, 2012, 2:06:20 PM5/31/12
to
Karl Erik Christensen har bragt dette til os:
Du kan godt style et <img> som block. Men det har stadig ingen
text-decoration, i og med der ingen tekst er.
Måske lidt langhåret, men i DOM er tekster faktisk indholdt af et
specifikt tekst-objekt. Så en div, p, span og andre HTML elementer har
sådan et eller flere til at repræsentere teksten med, og CSS'en der har
med teksten at gøre og tildeles HTML elementer, gælder faktisk for
disse indlejerde tekst-elementer.
Men et img har ingen indlejrede tekst elementer, så tekst-dele af
CSS'en vil aldrig få indflydelse på et img. Og det er så faktisk ikke
rigtigt - alt teksten er i et DOM tekstobjekt, og dit blink vil have
indflydelse på den, men ikke på selve billedet.
Men andre CSS definitioner, kan godt have indflydelse. Et img kan
derfor godt behandles som et block element i stedet for et inline
element, som det egentlig er.

Karl Erik Christensen

unread,
May 31, 2012, 3:54:39 PM5/31/12
to
On 31-05-2012 20:06, Birger Sørensen wrote:
>> Fantasien sagde så, at man måske på en eller anden måde måske kunne
>> style text-decoration på class'en, så det havde indvirkning på et
>> billede.
>>
>> Måske skulle jeg bare sove videre :-)
>>
>> Karl Erik.
>
> Du kan godt style et <img> som block. Men det har stadig ingen
> text-decoration, i og med der ingen tekst er.
> Måske lidt langhåret, men i DOM er tekster faktisk indholdt af et
> specifikt tekst-objekt. Så en div, p, span og andre HTML elementer har
> sådan et eller flere til at repræsentere teksten med, og CSS'en der har
> med teksten at gøre og tildeles HTML elementer, gælder faktisk for disse
> indlejerde tekst-elementer.
> Men et img har ingen indlejrede tekst elementer, så tekst-dele af CSS'en
> vil aldrig få indflydelse på et img. Og det er så faktisk ikke rigtigt -
> alt teksten er i et DOM tekstobjekt, og dit blink vil have indflydelse
> på den, men ikke på selve billedet.
> Men andre CSS definitioner, kan godt have indflydelse. Et img kan derfor
> godt behandles som et block element i stedet for et inline element, som
> det egentlig er.
>
> Birger

Ja, det er vist ikke værd at ofre mere krudt på det emne.

Det er nu heller ikke fordi jeg er ynder af animationer - men man kunne
jo så spekulere over, om det stiller sig anderledes med CSV tegninger.
0 new messages