Just nu i M3-nätverket
Jump to content

Växla bild på samma plats


Kalle Dator1

Recommended Posts

Kalle Dator1

Hej !

 

jag har en webbsida med en gif-animation som snurrar.

 

Det har visat sig att någon irriterat sig på den och att den stör.

 

Eftersom jag gärna vill ha den kvar, undrar jag om den kan göras klickbar, genom att den blir en länk och att den vid klickning växlar till någon stillbild.

 

Alternativt; Kan man starta och stoppa animationen genom någon script, som aktiveras genom klickning på den ?

 

/Kalle

Link to comment
Share on other sites

Hej Kalle.

 

Stoppa en gif tror jag inte man kan, jag har inte själv varit med om det iaf.

Växla en bild gör du rätt så lätt och kan göras på olika sätt beroende på hur man vill utöka funktionaliteten.

 

Här är ett förslag i javascript:

<script type="text/javascript">
function changeimage(_src,_id)
{
document.getElementById(_id).src = _src;
return false;
}
</script>

 

Och här är html för det:

<img src="bild.jpg" id="my-img"/>
<a href="#" onclick="changeimage('annan_bild.jpg','my-id');">Byt bild</a>

du ser att my-id på bilden matchar det id som man skickar in i klick-funktionen

 

du kan sean utöka genom att ha en ytterligare länk som istället anropar changeimage('en till_annan_bild.jpg','my-id')

 

Kom ihåg det inte bara behöver vara text som du länkar utan det kan vara små thumbnails av bilder också.

Link to comment
Share on other sites

Kalle Dator1

Tack Jonas_B !

 

Ser mycket användbart ut !

 

Ska försöka att applicera detta på olika sätt...

 

/Kalle

Link to comment
Share on other sites

Kalle Dator1

Hittade en info om att du kan stoppa en GIF-animation bara genom att trycka Escape...

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...