Ska vi leka med musen?

Det tog mig en vecka... men skam den som ger sig! Jag hittade äntligen en kod som jag kunde få att fungera. (sex av sju som kommenterat hittills kunde se det)

Så hur gjorde jag?... Här kommer en relativt osnurrig förklaring... hoppas jag:


och här kommer koden som ni ska använda (inställd på stående A4):

<img onmouseover="this.src='BILD SOM SKA SYNAS NÄR PILEN ÄR BILDEN'"onmouseout="this.src='BILD SOM SKA SYNAS EFTER MAN HAFT PILEN PÅ BILDEN'"src="BILD SOM SKA SYNAS INNAN PILEN ÄR PÅ BILDEN" alt="..." width="480" height="640" />

Byt ut den tjocka texten mot den URL ni vill ha. (hur du hittar URL:n hittar du i videon)


-------------------------------------------------------------------------------------
Här kommer några detaljerade exempel...

...

På bilden här över använde jag samma URL på plats 2 och 3 och en annan på nr 1.

Ex:
<img onmouseover="this.src='BILD 1: https://cdn2.cdnme.se/cdn/8-2/537302/images/2010/2010-10-210_116694233.jpg'"onmouseout="this.src=' BILD 2 https://cdn1.cdnme.se/cdn/8-2/537302/images/2010/2010-10-203 _116694051.jpg '"src="BILD 3 https://cdn2.cdnme.se/cdn/8-2/537302/images/2010/2010-10-203_116694051.jpg" alt="..." width="400" height="400" />


Nr 1 är den "gömda bilden".
Nr 2 är den bild som syns EFTER man dragit pilen över bilden.
Nr 3 är den bild som syns INNAN man dragit pilen på bilden.



På bilden här under använde jag olika på alla.

Ex:
<img onmouseover="this.src='BILD 1 https://cdn3.cdnme.se/cdn/8-2/537302/images/2010/8november2008_116415222.jpg'"onmouseout="this.src=' BILD 2 https://cdn2.cdnme.se/cdn/8-2/537302/images/2010/2010-10-210 _116694233.jpg '"src="BILD 3 https://cdn2.cdnme.se/cdn/8-2/537302/images/2010/2010-10-203_116694051.jpg" alt="..." width="400" height="400" />

(Jag ändrade även width + height till 400x400 så den blev fyrkantig men i de flesta webbläsare kan du ändra tillbaka redigerare och högerklicka på bilden och dra den till den storlek du vill ha)

...

LYCKA TILL!

och kom ihåg att man aldrig kan någonting direkt.

Övning ger färdighet :)



, , , , , , , , ,


Kommentarer

Så när kommer den efterlängtade mousoverheadern? ;-) För den är väl inte uppe? Jag ser den i alla fall inte :-( Men jag ser bilderna som ändras i texten här över.

2010-11-12 @ 10:09:41

Nej den är inte uppe ännu och den får nog vänta ända till måndag, jag har alldeles för mycket att göra just nu :(

2010-11-12 @ 10:32:14
URL: http://whatthefuckdotcom.blogg.se/

Hmmmm.........uppriktig att leka med musen så här mycket är jag alldeles för otålig för....men någon dag så ska jag pröva när jag har tid!

Oumberlige Peter tittar in för en stunds läsning....alltid trevligt!

Kram och trevlig Helg!

2010-11-12 @ 11:19:44
URL: http://oumberligating.blogspot.com

Häftigt!

Jag kunde se det sen

2010-11-12 @ 21:47:00
URL: http://www.sjubarnsmamma.com

Yessss så bra :)

2010-11-12 @ 21:49:15
URL: http://whatthefuckdotcom.blogg.se/

Intressant. Men jag fick inte till det med din metod, så jag provade med en annan kod, som jag hittade hos "designadinblogg". Här är ett par exempel från min blogg; http://artlover.blogg.se/2011/february/utkast-feb-26-2011-2.html och http://artlover.blogg.se/2011/february/blixttillbehor-1.html


Kommentera inlägget här:

Namn:

E-postadress:

URL/Bloggadress:

Kommentar:

Klicka här så slipper du fylla i namn nästa gång
Trackback