Victoriaks-

Bra tips!

Många vill säkert ha mouseover bilder i sitt inlägg ibland. I det här inlägget ska jag berätta hur man gör det. Först behöver du välja två bilder och ladda upp dem på bloggen. Spara bildadresserna.

Sedan måste du sätta den här koden över </head> i alla kodmallar, arkivsidan och dem andra.

<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>

Här ska du lägga in bildadresserna som du sparat, där bildadress 1 och 2 står. I länkadressen ska du lägga in länken dit den ska länka.

<a onfocus="blur()" href="länkadressen" mce_href="/2652242/entries/article/new/länkadressen"><img src="adressen till bild 1" mce_src="/2652242/entries/article/new/adressen till bild 1" oversrc="adressen till bild 2" border="0"/></a>

När du sen skriver ett inlägg ska du Ändra redigerare och lägga in koden med bildadresserna och länkadressen. Här är ett exempel på en mouseoverbild. Håll musen över bilden.