Alicelindstrom

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!