Søg
Avatar billede tommyf Nybegynder
25. december 2003 - 02:47 Der er 15 kommentarer og
1 løsning

Cursor der bevæger sig over img

Jeg har 5 flag, som giver brugeren mulighed for at vælge et alternativt sprog. Problemet er at ikke alle ser denne mulighed :o/

Jeg søger et script, der kan kører en kopi af en cursor hen over de tre billeder, for at demonstrere muligheden. Andre forslag er også velkommen, evt. at de blinker én efter én.
Avatar billede roenving Novice
25. december 2003 - 02:53 #1
Har du nogle 'negativ'-billeder af flagene, så de kan blinke ?-)

-- det vil godt nok ikke være voldsomt at lave et script, som flasher imellem de forskellige billeder de første 6-9 sekunder ...
Avatar billede tommyf Nybegynder
25. december 2003 - 02:58 #2
Kan hurtigt lave nogle negativer i Photoshop :o)
Andre kreative løsninger er også velkommen, måske du har set noget genialt engang? Eller kender en effekt der ville passe perfekt hertil?
Avatar billede roenving Novice
25. december 2003 - 03:20 #3
Næh, jeg tænkte på noget simpelt, som henover de første få sekunder flashede billederne ...
Avatar billede tommyf Nybegynder
25. december 2003 - 03:47 #4
Hvis det kunne gøres i en flydende bevægelse ville det også være kanon; først nummer 1, så 2, så 3, etc. - hvor det forgående lige når at "slukke" før det næste bliver skiftet med et negativt billede.
Avatar billede roenving Novice
25. december 2003 - 04:08 #5
<script type="text/javascript">
var flashes = -1, timerId = 0;
function flashFlags(){
  flashes++;
  switch (flashes){
    case 0:
      document.images['flag1'].src = 'flashflag1.gif';
      break;
    case 1:
      document.images['flag1'].src = 'flag1.gif';
      break;
    case 2:
      document.images['flag2'].src = 'flashflag2.gif';
      break;
    case 3:
      document.images['flag2'].src = 'flag2.gif';
      break;
    case 4:
      document.images['flag3'].src = 'flashflag3.gif';
      break;
    case 5:
      document.images['flag3'].src = 'flag3.gif';
      break;
    case 6:
      clearInterval(timerId);
}
</script>

...

<body onload="timerId=setInterval('flashFlags()',200);">

200 er 1/5 sekund, så den kan flyttes meget rundt !-)
Avatar billede roenving Novice
25. december 2003 - 04:10 #6
Hov, der mangler en } til sidst !-)
Avatar billede tommyf Nybegynder
26. december 2003 - 22:19 #7
Gider du give en opdateret version med det manglende }?
Skal der indsættes andet på siden, ex. omkring billederne?

Tak for hjælpen so far :o)
Avatar billede roenving Novice
27. december 2003 - 02:12 #8
<script type="text/javascript">
var flashes = -1, timerId = 0;
function flashFlags(){
  flashes++;
  switch (flashes){
    case 0:
      document.images['flag1'].src = 'flashflag1.gif';
      break;
    case 1:
      document.images['flag1'].src = 'flag1.gif';
      break;
    case 2:
      document.images['flag2'].src = 'flashflag2.gif';
      break;
    case 3:
      document.images['flag2'].src = 'flag2.gif';
      break;
    case 4:
      document.images['flag3'].src = 'flashflag3.gif';
      break;
    case 5:
      document.images['flag3'].src = 'flag3.gif';
      break;
    case 6:
      clearInterval(timerId);
  }
}
</script>

-- billederne skal have names, f.eks. <img src="flag1.gif" name="flag1"> ...
Avatar billede tommyf Nybegynder
27. december 2003 - 02:46 #9
Det er en virkelig god effekt til formålet - med frygt for at lyde besværlig; kan man lade den gentage det et par gange (så de bliver skiftede et lige antal gange - ex 8)?
Smid et "svar" når du svare på ovenstående :o)
Avatar billede roenving Novice
27. december 2003 - 02:52 #10
Sådan de blinker f.eks. 8 gange hver ?-)

<script type="text/javascript">
var flashes = -1, timerId = 0;
function flashFlags(){
  flashes++;
  if(flashes==3*8)clearInterval(timerId);
  switch (flashes%(3*2)){
    case 0:
      document.images['flag1'].src = 'flashflag1.gif';
      break;
    case 1:
      document.images['flag1'].src = 'flag1.gif';
      break;
    case 2:
      document.images['flag2'].src = 'flashflag2.gif';
      break;
    case 3:
      document.images['flag2'].src = 'flag2.gif';
      break;
    case 4:
      document.images['flag3'].src = 'flashflag3.gif';
      break;
    case 5:
      document.images['flag3'].src = 'flag3.gif';
      break;
  }
}
</script>

-- og jeg har ladet de 8 (gange de blinker) og de 2 (til negativ og tilbage være tydelige !-)

-- og velbekomme '-)
Avatar billede roenving Novice
27. december 2003 - 02:54 #11
Hov ...

  if(flashes==3*8){clearInterval(timerId);return;}
Avatar billede olebole Juniormester
30. december 2003 - 20:29 #12
<ole>

Hvad har en lille animeret gif nu gjort ...?!!???  :)

/mvh
</bole>
Avatar billede tommyf Nybegynder
30. december 2003 - 20:31 #13
Hehe - tænkte faktisk lidt det samme.
Vi gør det, fordi vi kan ;o)
Avatar billede olebole Juniormester
30. december 2003 - 21:35 #14
Man kan så meget:

<html>
<head>
<script type="text/JavaScript">
var ib=timer=false;
var phase=0;
function anim() {
    if (timer) {
        ib.style.filter = "";
        ib.style.left = 0;
        ib.style.top = 0;
        return false;
    }
    var newLeft, rand;
    phase += 5;
    rand = Math.random()*2;
    rand = (rand>1)? -1 : 1;
    newLeft = Math.random()*3;
    ib.style.left = ( parseInt(ib.style.left) + newLeft )*rand;
    ib.style.top = ( parseInt(ib.style.top) + newLeft )*rand*-1;
    ib.style.filter = "progid:DXImageTransform.Microsoft.Wave(freq=3,LightStrength=20,Phase="+phase+",Strength=5)";
    setTimeout( "anim()", 40 );
}
window.onload = function() {
    ib = document.getElementById("ib");
    ib.style.filter = "progid:DXImageTransform.Microsoft.Wave(freq=3,LightStrength=40,Phase=0,Strength=5)";
    setTimeout( "timer=true", 2500 );
    setTimeout( "anim()", 40 );
}
</script>
</head>
<body>

<div id="ib" style="background-color:blue;width:250px;position:absolute;left:10px;top:10px;text-align:center">
    <br><br><br>
    <h3>Desværre kan man dette</h3>
    <h2>:o)</h2>
    <br><br><br>
</div>

</body>
</html>

*LååL*
Avatar billede tommyf Nybegynder
30. december 2003 - 21:37 #15
feeed funktion - den kan da også blive nyttig ;)
Avatar billede roenving Novice
31. december 2003 - 02:05 #16
-- og jeg takker for points ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 19:46 Skift fra Microsoft365 til Microsoft 2024 Af 1Dorte i Office & Kontorpakker
18/0816:51 Links m.m. virker ikke Af Kjeld Aage Christiansen i PC
18/0811:04 Outlookproblem Af g91 i E-mail programmer
18/0809:21 Firefox - Bøvl med idelig genbekræftelse af identitet Af andershl i Browsere
17/0815:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
White papers
Flere white papers »