Ska vi leka med musen?
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 PÅ 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: http://whatthefuckdotcom.blogg.se/images/2010/2010-10-210_116694233.jpg'"onmouseout="this.src=' BILD 2 http://whatthefuckdotcom.blogg.se/images/2010/2010-10-203 _116694051.jpg '"src="BILD 3 http://whatthefuckdotcom.blogg.se/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 http://whatthefuckdotcom.blogg.se/images/2010/8november2008_116415222.jpg'"onmouseout="this.src=' BILD 2 http://whatthefuckdotcom.blogg.se/images/2010/2010-10-210 _116694233.jpg '"src="BILD 3 http://whatthefuckdotcom.blogg.se/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 :)
foto, tutorial, mouseover, bild, tips, blogg, ändra bild, design, rollover,
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.
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 :(
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!
Häftigt!
Jag kunde se det sen
Yessss så bra :)
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
