Select Page

I have added link in case I lose the zip file

imagemenu

1 upload imagemenu to themes/atahualpa/

2 Add all text below to Configure Header Area

COPY TO TEXT EDITOR BEFORE YOU PASTE INTO YOUR HEADER NOTE…..
The double quote character showing (”) is the stylized one, you need to use the plain one (“)

<div id=”imageMenu”>
<ul>
<!– THESE ARE THE LINKS YOU GO TO WHEN YOU CLICK ON A SLIDING DOOR IMAGE–>
<!– change the href to look like this: <a href=”yourlink.com”> –>

<li><a href=”http://www.website.co.uk/”>1.jpg</a></li>
<li><a href=”http://www.website.co.uk/”>2.jpg</a></li>
<li><a href=”http://www.website.co.uk/”>3.jpg</a></li>
<li><a href=”http://www.website..co.uk/”>4.jpg</a></li>
<li><a href=”http://www.website.co.uk/”>5.jpg</a></li>
<li><a href=”http://www.website.co.uk/”>6.jpg</a></li>
<li><a href=”http://www.website.co.uk/”>7.jpg</a></li>
</ul>
</div>

<script type=”text/javascript”>
window.addEvent(‘domready’, function(){
var myMenu = new ImageMenu($$(‘#imageMenu a’),{openWidth:275, border:2,
onOpen:function(e,i){location=(e);}});
});
</script>

3 THEN ADD text below to HTML Inserts: Header

<link rel=”stylesheet” type=”text/css” media=”screen” href=”http://www.website.co.uk/
wp-content/themes/atahualpa/imagemenu/imageMenu.css”>
<script type=”text/javascript” src=”http://www.website.co.uk/
wp-content/themes/atahualpa/imagemenu//mootools.js”></script>
<script type=”text/javascript” src=”http://www.website.co.uk/
wp-content/themes/atahualpa/imagemenu/imageMenu.js”></script>

4.Show Blog Title? No

Show Blog Tagline? No

5 THEN CHANGE imageMenu css and ftp

I changed my size of images to 200 height

HERE

#imageMenu {
height: 200px;
overflow: hidden;
padding: 10px 0 5px 0px;
border-style: none;
margin: 0 auto;
width: 964px;

AND HERE

#imageMenu ul li a {
text-indent: -1000px;
background:#FFFFFF none repeat scroll 0%;
border-right: 2px solid #fff;
cursor:pointer;
display:block;
overflow:hidden;
width:133px;
height: 200px