Gå til innhold

Script der bildet som "følger" musen..


Anbefalte innlegg

Hei alle på hardware.no!

 

Jeg er en liten nøtt jeg lurer på om dere kan knekke.

 

Det har seg sånn at jeg jeg var inne på siden probat.no, og la merke til en liten finurlighet jeg ønker på min egen side.

 

Hvis dere går inn på siden probat.no, så "om probat" og til slutt "probatene", så kan dere se at personene snur seg etter hvilken side musen er på...

 

Mitt spørsmål er så enkelt som om dere vet om et sted jeg kunne fått tak i et sånt script?

 

Jeg er klar over at denne siden er laget i flash, men jeg leter egentlig etter et vanlig script, om det er i PHP, DHTMl eller hva enn det kalles

 

Håper noen kan hjelpe meg med det her!

 

På forhånd tusen takk for hjelpen

 

hardware.no ruler

 

Matt

Lenke til kommentar
Videoannonse
Annonse
Du må lære deg flash for å få til denne effekten.. Ingen bønn

Neppe. Det er nok fullt mulig i JavaScript, og det er faktisk mulig med CSS også, med en såkalt CSS-animasjon. Tror det er noe á la de gamledagse bildene litt lenger ned på denne siden du er ute etter, hvor du beveger musa fra venstre til høyre over bildet.

 

Edit: Til opplysning; den siden trådstarter linket til har ikke noe skript som følger musepekeren rundt på siden - bildet bare endres når du førerer pekeren over bestemte deler av den. Om du først får bildet til å "stå mot høyre" kan du føre musa mot venstre nederst på siden uten at det skrifter f.eks.

Endret av AfroDude
Lenke til kommentar

Flick animation var ganske smart. Problemet er at dette er kode på høyde med CSS rounded corners. Det er noen KBs bare for den effekten. Det er kult å se at det går an, men det er ufattelig upraktisk i praksis. Da er det bedre med en flash applet.

Lenke til kommentar
Flick animation var ganske smart. Problemet er at dette er kode på høyde med CSS rounded corners. Det er noen KBs bare for den effekten. Det er kult å se at det går an, men det er ufattelig upraktisk i praksis. Da er det bedre med en flash applet.

Som sagt er det mulig med JavaScript også. Dessuten trenger sansynligvis ikke trådstar like mange frames som det er brukt på den siden - flash-siden han linket til hadde jo bare fem "frames". Om du titer i CSS-koden på eksempelsiden, er det dét som tar mest plass.

 

Edit: Faktisk tok HTML- og CSS-koden for metoden jeg mente ~1,4 KB tilsammen, med 5 frames. Størelsen på bildene derimot, om de skal være like store som på flash-siden, er litt verre.

Endret av AfroDude
Lenke til kommentar

<div id="cat">
<ul>
<li><a id="xc1" href="#nogo"><img src="cat/cat1.jpg" title="frame 1" alt="frame 1" /></a></li>
<li><a id="xc2" href="#nogo"><img src="cat/cat2.jpg" title="frame 2" alt="frame 2" /></a></li>
<li><a id="xc3" href="#nogo"><img src="cat/cat3.jpg" title="frame 3" alt="frame 3" /></a></li>
<li><a id="xc4" href="#nogo"><img src="cat/cat4.jpg" title="frame 4" alt="frame 4" /></a></li>
<li><a id="xc5" href="#nogo"><img src="cat/cat5.jpg" title="frame 5" alt="frame 5" /></a></li>
<li><a id="c6" href="#nogo"><img src="cat/cat6.jpg" title="frame 6" alt="frame 6" /></a></li>
<li><a id="c7" href="#nogo"><img src="cat/cat7.jpg" title="frame 7" alt="frame 7" /></a></li>
<li><a id="c8" href="#nogo"><img src="cat/cat8.jpg" title="frame 8" alt="frame 8" /></a></li>
<li><a id="c9" href="#nogo"><img src="cat/cat9.jpg" title="frame 9" alt="frame 9" /></a></li>
<li><a id="c10" href="#nogo"><img src="cat/cat10.jpg" title="frame 10" alt="frame 10" /></a></li>
<li><a id="c11" href="#nogo"><img src="cat/cat11.jpg" title="frame 11" alt="frame 11" /></a></li>

<li><a id="c12" href="#nogo"><img src="cat/cat12.jpg" title="frame 11" alt="frame 12" /></a></li>
</ul>
</div>

 

Hvor semantisk er dette?

Lenke til kommentar
[KODE]

Hvor semantisk er dette?

Dét er en annen sak, sånn sett er det nok bedre å bruke JavaScript, men det er vel ikke så usemantisk å plassere noen enkeltbilder fra en animasjon i en liste? Spesielt bra vil det vel ikke se ut uten CSS da. Men flash er ihvertfall ikke brukervennlig, og burde brukes til enkle animasjoner, ikke hele web-sider, etter min mening.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...