Alicelindstrom

Julkalender dag 8

Det är faktiskt jätte lätt att göra mouseover i ett inlägg, typ som jag har i min julkalender.

1.
Kopiera och lägg in denna kod alldelse ovanför </head> i alla kodmallar.

<mce:script LANGUAGE="JavaScript"><!-- // This is the implementation of SimpleSwap // by Jehiah Czebotar // Version 1.1 - June 10, 2005 // Distributed under Creative Commons // // Include this script on your page // then make image rollovers simple like: // <img src="/images/ss_img.gif" mce_src="/images/ss_img.gif" oversrc="/images/ss_img_over.gif"> // // http://jehiah.com/archive/simple-swap //  function SimpleSwap(el,which){ el.src=el.getAttribute(which || "origsrc"); }  function SimpleSwapSetup(){ var x = document.getElementsByTagName("img"); for (var i=0;i<x.length;i++){ var oversrc = x[i].getAttribute("oversrc"); if (!oversrc) continue;  // preload image // comment the next two lines to disable image pre-loading x[i].oversrc_img = new Image(); x[i].oversrc_img.src=oversrc; // set event handlers x[i].onmouseover = new Function("SimpleSwap(this,'oversrc');"); x[i].onmouseout = new Function("SimpleSwap(this);"); // save original src x[i].setAttribute("origsrc",x[i].src); } }  var PreSimpleSwapOnload =(window.onload)? window.onload : function(){}; window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();} // --></mce:script>

2. Klicka på nytt inlägg. Ändra textredigeraren. Kopiera denna kod:
<img src="BILD 1" oversrc="BILD 2">

och lägg in den i inlägget där du vill ha bilden.
ta bildkoderna från bilderna och lägg in dom på BILD 1 och på BILD 2.
här finns hjälp hur du får fram bildkoderna

lycka till :) säg till om ni inte förstår!

Håll musen över bilden när din webbläsare har laddat klart så får du se vad som gömmer sig bakom luckan!








Välkommen till min blogg! Jag heter Alice, är 21 år (född 1998), bor i Norrland och jag har sedan 2011 drivit den här bloggen där jag skriver om mitt liv som innebär vardag, bilder, tankar, tips, kläder, skönhet, resor och mycket mer. Är du nyfiken på att veta mer om du mig kan du läsa mer om lilla jag HÄR.


För kontakt, samarbete eller liknande nås jag på blogg.alicelindstrom@hotmail.com





follow me @alicelindstroom



bloglovin